jquery - 需要帮助使用 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(); });