jquery - 显示隐藏表格行

Question

我需要隐藏显示表格行，但看来我没有正确定位它:

$('.ShowHide').click(function(){
    $(this).next('.hiddenTR').toggle();
});

这是我的 HTML:

<table>
<tr>
    <td><img src="img.gif" class="ShowHide"></td>
    <td>text 1</td>
</tr>
<tr class="hiddenTR">
    <td colspan="2">hidden text 1</td>
</tr>
<tr>
    <td><img src="img.gif" class="ShowHide"></td>
    <td>text 2</td>
</tr>
<tr class="hiddenTR">
    <td colspan="2">hidden text 2</td>
</tr>
</table>

是否可以这样定位？我只需要显示下面的 TR，并且我不知道可能有多少个，所以使用 ID 是不可能的。

需要朝正确的方向插入。

谢谢。

Answer 1

如果您尝试隐藏下一个 tr 节点，请使用:

$('.ShowHide').click(function(){
    $(this).closest('tr').next('.hiddenTR').toggle();
});

引用:.closest()