javascript - 我如何使用 JQuery 获取近亲元素？

Question

我有一个包含多行数据的表格，我想根据第一个元素中的复选框显示或隐藏每行的一些详细信息。例如:

<table>
  <tr>
    <td><span class="aspnetweirdness"><input type=checkbox></span></td>
    <td>Text Text Text</td>
    <td><select /></td>
    <td><input type=text></td>
  </tr>
</table>

我希望使用 jquery 从复选框遍历到表亲元素(文本、选择和文本输入)，并根据是否选中复选框来切换这些元素的可见性。一个小问题是复选框被包裹在一个跨度中，因为这是由 asp.net 输出的。这也使得元素更难通过 id 获取。

我该怎么做呢？我试过 $(this).parentsUntil('tr').siblings()，但我似乎没有得到正确的元素。

如有任何帮助，我们将不胜感激。

编辑:

 $(".crewMemberTable input:checkbox").toggle(function() {
            $(this).closest('tr').find('select, input:not(:checkbox)').fadeIn();
            $(this).closest('tr').find('label').css('font-weight', 'bold');
        }, function() {
            $(this).closest('tr').find('select, input:not(:checkbox)').fadeOut();
            $(this).closest('tr').find('label').css('font-weight', 'normal');
        });

Answer 1

你试过吗:

$(this).closest('tr').find('td:not(:first-child)')

如果代码在“点击”处理程序或其他东西中，“this”将是您的复选框元素。