jquery - jQuery - 通过父母（）从不同表格中的按钮触发表格元素的切换

Question

单击位于不同表格中的按钮时，我试图切换（隐藏/显示）表格，但无法正确选择它。我故意留下了 id 标签，因为我希望 jQuery 代码是通用的，因为我需要在同一个脚本中多次重用它。

这是我到目前为止的地方：

http://jsfiddle.net/Argoron/Dp2sk/24/

Answer 1

 $(document).ready(function() {

    $('button.new_disp').toggle(
    function() {
        $(this).closest('table').next('table').hide();
        $(this).text('Show');
    }, function() {
      debugger;
        $(this).closest('table').next('table').show();
        $(this).text('Hide');
    });        
 });

Answer 2

试试这个：

从td-> 获取第一个父级table-> 获取下一个兄弟级table-> 显示/隐藏：

$('button.new_disp').toggle(

function() {
    $(this).parents('table').next('table').hide();
    $(this).text('Show');
}, function() {
    $(this).parents('table').next('table').show();
    $(this).text('Hide');
});