javascript - 如何根据父节点的类选择复选框？

Question

我有一个表，其中复选框作为其中一列中的值。某些行具有特定的类ignore，并且我想选择其封闭行上没有该类的复选框。下面的虚拟示例:

<table>
  <tbody>
    <tr class="ignore">
      <td><input type="checkbox" name="table_select" value="1"></td>
    </tr>
    <tr>
      <td><input type="checkbox" name="table_select" value="2"></td>
    </tr>
    <tr>
      <td><input type="checkbox" name="table_select" value="3"></td>
    </tr>
  </tbody>
</table>

所以我想选中第 2 行和第 3 行中的框。我现在使用通用 :checkbox 选择器，但不确定如何组合 parent() 和 .class 在层次结构中向上移动然后返回。

Answer 1

这样的事情应该有效:

$('tr:not(.ignore) :checkbox').prop('checked', true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr class="ignore">
      <td><input type="checkbox" name="table_select" value="1"></td>
    </tr>
    <tr>
      <td><input type="checkbox" name="table_select" value="2"></td>
    </tr>
    <tr>
      <td><input type="checkbox" name="table_select" value="3"></td>
    </tr>
  </tbody>
</table>