closest - 使用 Jquery 最接近（）函数？

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

最接近（）找到最近的父母而不是父母 - 兄弟 - 孩子。

你想要这样的东西：

$(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; 
    });
});