-1

この質問はおそらく以前に尋ねられたことがありますが、行き詰まっており、さまざまなフィルターをたくさん試しましたが、必要なターゲットを完全に取得できません。私はそれができることを知っていますが、私はそのようなものと混乱しています: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(); 、次の行だけでなく、すべての非表示の行を切り替えることです。

どんな助けでも本当に感謝します!

4

2 に答える 2

5

試す：

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

最も近い tr を取得し、次の tr を取得して切り替えます。

于 2012-06-25T18:02:18.967 に答える
0

LeaveACommentとcommentRowが1つしかない場合：

$('.leaveAComment').on('click', function(){ $('.commentRow').toggle(); });
于 2012-06-25T18:07:22.477 に答える