Как получить значения массива в другую функцию?

Question

У меня есть функция jQuery, где я могу получить значения строк таблицы и сохранить в массив и вернуть этот массив. Я хочу использовать этот массив возвращаемых значений в другую функцию, но я получил ошибку, как недоопределенный 0, недоопределенной длины. Я пробую несколько вариантов, таких как $.each метод, для цикла и последний называется прямым массивом, но не могу получить результат.

function rowData(btn_id){
    $(document).ready(function () {
    $(document).on('click', btn_id, function () {

        var getdata = $(this).closest('tr').children("td").map(function () {
            return $(this).text();
        }).get();

        console.log(getdata);
        return getdata;

        });
    });
}
var all = rowData(".edit_minor_cate");
alert(all[0]);

Пожалуйста, помогите мне исправить это.

Answer 1

Попробуйте этот HTML:

<div>
  <table>
    <tr>
      <td class="data"> Hello, I am data 1 </td>
      <td class="data"> Hello, I am data 2 </td>

    </tr>
  </table>

  <button id="button_id">click me</button>
</div>

и JavaScript:

$(document).ready(function () {
    $(document).on('click', "#button_id", function () {
        var getdata = $('.data').map(function(){
               return $.trim($(this).text());
            }).get();
        console.log(getdata[0]);
        alert(getdata[1]);
    });
});