jquery - 如何在单击按钮时选择网格中选中复选框的行？

Question

我有一个包含复选框的网格。我想选择 grid 中选中 checkbox 的行。附截图。

需要您的帮助。我是 Jquery 的新手，仍在学习中。

Answer 1

你可以用 closest() 来写它像这样的方法!

我们获取使用 input:checked 检查的输入，然后使用最接近的方法找到 tr 父级。

$('#check').on("click", function() {
  var checked = $('#asdf input:checked');
  console.log(checked.closest('tr'));
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="asdf">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td><input type="checkbox"></td>
    <td>$100</td>
  </tr>
  <tr>
    <td><input type="checkbox"></td>
    <td>$1050</td>
  </tr>
  <tr>
    <td><input type="checkbox"></td>
    <td>$1002</td>
  </tr>
</table>
<button id="check">check</button>