javascript - 选中行时从表中的特定列获取数据

我需要从特定的表列中获取行。所有数据都应放入一个数组中。
我应该从不同的列（1、3、4）的每个选中的行中获取数据。列＃4包含下拉选项，并且应该仅采用所选值。
我很难让此功能正常工作，如果我只有一列，则可以正常工作。我从中检索数据时遇到麻烦，它从选项值中检索所有数据，我应该只获得选定的值。

function getData() {

  // Enumerate over each checked checkbox
  $('input:checked').each(function() {
    var row = [];

    $(this).closest('tr').find('td:eq(5)').each(function() {

      row.push($(this).text());

    });

    // Add this row to our list of rows
    rows.push(row);

    //debugger;
  });
  console.log(row);

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <th>#</th>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
    <th>Country</th>
  </tr>
  <tr>
    <td><input type="checkbox" id="checkbox" value="1"></td>
    <td>Jill</td>
    <td>Smith</td>
    <td>20</td>
    <td>
      <select id="country">
        <option value='1'>Germany</option>
        <option value='2'>England</option>
        <option value='3'>Croatia</option>
        <option value='4'>USA</option>
      </select>
    </td>
  </tr>
  <tr>
    <td><input type="checkbox" id="checkbox" value="2"></td>
    <td>Eve</td>
    <td>Jackson</td>
    <td>14</td>
    <td>
      <select id="country">
        <option value='1'>Germany</option>
        <option value='2'>England</option>
        <option value='3'>Croatia</option>
        <option value='4'>USA</option>
      </select>
    </td>
  </tr>
  <tr>
    <td><input type="checkbox" id="checkbox" value="3"></td>
    <td>Amanda</td>
    <td>Jac</td>
    <td>14</td>
    <td>
      <select id="country">
        <option value='1'>Germany</option>
        <option value='2'>England</option>
        <option value='3'>Croatia</option>
        <option value='4'>USA</option>
      </select>
    </td>
  </tr>
</table>
<button type="button" onclick="getData()">Submit</button>

函数仅显示一列中的数据。如果我添加.'td：eg（6）'我得到空数组

最佳答案

@布鲁诺您的情况有点不同，为了获得理想的结果，我已经更新了按钮单击事件的代码，如下所示。

$("#btnSubmit").click(function(){
    var rows = [];

$('input:checked').each(function() {
    var row = $(this).parent().parent();

    var data = {};
        $(row).find("td").each(function(i,obj){
            if(i == 1){
                data.name = $(this).text();
        }
        else if(i == 3){
                data.age = $(this).text();
        }
        else if(i == 4){
                data.country = $(this).find("select").val();
        }
    })

    rows.push(data);
  })
  console.log(rows);
})

在将其实现为代码之前，您可以在JS Fiddle Demo的此处进行播放。

在小提琴演示打开控制台[F12]中，您可以在数组中查看所选行值的列表。

希望这是您想要的。