需要帮助使用jquery来定位元素

Question

之前可能已经问过这个问题，但是我被困住了，我尝试了很多不同的过滤器，我无法完全达到我需要的目标。我知道可以做到，但我对:first :next: parent()等事情感到困惑。

无论如何，这是我的基本结构......

<tr>
    <td>06-22-2012</td>
    <td>11.00</td>
    <td>Whatever</td>
    <td><i>whatever</i><br /><br /><span class='leaveAComment'>Leave a comment</span></td>
    <td></td>
</tr>
<tr class='commentRow'>
    <td colspan=5>Comment:<input type='text'/><input type='submit'></td>
</tr>

单击范围.leaveAComment时，我想切换最初隐藏的行.commentRow的可见性。

这只是表格的一小部分。我得到的最接近的是$('tr').next('.commentRow').toggle();  但这会切换所有隐藏的行，而不仅仅是下一行。

真的很感激任何帮助！

Answer 1

尝试：

$(this).closest("tr").next().toggle();

获得最近的tr，获得下一个tr，切换它。

Answer 2

如果您只有一个leaveAComment和一个commentRow：

$('.leaveAComment').on('click', function(){ $('.commentRow').toggle(); });