closest - Jquery closest() 関数を使用していますか?

Question

ここに私のHTMLがあります:

<tr>
    <td class="show_r3c">click here</td>
</tr>
<tr class="r3c">
    <td>This is what I'd like to display</td>
</tr>

そして、私は現在、このJQueryコードを取得しています.

    $(document).ready(function(){
        $(".r3c").hide();        
        $('.show_r3c').click(function() { 
                         $(this).closest('.r3c').toggle(); 
                         return false; 
        });
   });

何らかの理由でclosest()関数が機能せず、テーブルの行を切り替えません.r3c-親と他の代替手段を使用してみましたが、どちらも機能しません:(

ばかげた質問をお詫びします。また、以前に発生した問題に似たものです。ただ疑問に思っているのですが、これに対する最善の解決策は何ですか?

ありがとう！

Answer 1

close（）は、parents-siblings-childrenではなく、最も近い親を検索します。

あなたは次のようなものが欲しいです：

$(document).ready(function(){
    $(".r3c").hide();

    $('.show_r3c').click(function() { 
        $(this).closest('table').find("tr.r3c").toggle(); return false; 
    });
});

Answer 2

試してみてください：

$('.show_r3c').click(function() {
  $(this).parent('tr').next('tr.r3c').toggle();
  return false;
});

Answer 3

おそらくこれはうまくいくでしょう：

$(document).ready(function(){
    $(".r3c").hide();

    $('.show_r3c').click(function() { 
        $(this).parent().siblings(":first").toggle(); 
        return false; 
    });
});