jQuery - 通过parents()从不同表中的按钮触发表元素的切换

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 ->获取下一个同级表 ->显示/隐藏：

$('button.new_disp').toggle(

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