closest - 使用 Jquery close() 函数？

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

closest() 找到最接近的父项，而不是父项- sibling -子项。

你想要这样的东西:

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

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