jquery - 带有复选框的 JQuery 下一个兄弟

Question

我有由第三方工具生成的代码，如下所示：

<tr id="abc0">
  <td class="ABC" id="abc0_def">
    <input onclick="..." type="checkbox" />
  <td class="BodySpacer">
  <td class="ABC" id"abc0_hij">
    <input onclick="..." type="checkbox" />
<tr id="abc1">
  <td class="ABC" id="abc1_def">
    <input onclick="..." type="checkbox" />
  <td class="BodySpacer">
  <td class="ABC" id"abc1_hij">
    <input onclick="..." type="checkbox" />

如您所见， td 标签未正确关闭，我无法控制。

对于abcX_def如何自动选中中的复选框abcX_hij？

我试过了：

var n = $(this).parent().nextAll().has(":checkbox").first().find(":checkbox");
n.attr("checked","checked");

但这似乎不起作用。

Answer 1

尝试

$(this).closest('tr').find(':checkbox').not(this).prop('checked', $(this).is('checked'))

演示：小提琴