Jquery 显示隐藏表行

我需要隐藏show Table行，但似乎我没有正确地定位它：

$('.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>

文本1
隐藏文本1
文本2
隐藏文本2

这样的目标有可能实现吗？我只需要显示下面的TR，我不知道有多少，所以使用ID是不可能的

需要朝正确的方向轻推

---

谢谢。

如果您试图隐藏下一个

tr

节点，请使用：

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

参考资料：

试试：

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

---

要扩展已经给出的示例，根据表中的行数，您应该将click事件绑定到表本身，并“侦听”产生click事件的元素（节点）。这会大大加快你的js速度

下面是一个例子：

---

希望这有帮助

哇，谢谢。我不知道，但我绝对支持加速我的快乐！有各种各样的好技巧可以加速js/jquery。谷歌“jquery速度提示”或类似的东西。