How to get array values Into another function?

Question

I have a jQuery function where I can get the table rows values and store into array and return this array. I want to use this array return values into another function but I got error like underdefined 0,underdefined length. I try multiple options like $.each method, for loop and last one called direct array but can't get result.

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]);

Please help me to fix it.

Answer 1

Try this 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>

And 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]);
    });
});