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

jQuery-通过parents()从不同表中的按钮触发表元素的切换,jquery,toggle,parents,Jquery,Toggle,Parents,我试图在单击位于不同表中的按钮时切换(隐藏/显示)一个表,但无法正确选择它。 我有意不使用id标记,因为我希望jQuery代码是通用的,因为我需要在同一个脚本中多次重用它 以下是我迄今为止取得的成绩: 试试这个: 从td->获取第一个父级表->获取下一个同级表->显示/隐藏: $('button.new_disp').toggle( function() { $(this).parents('table').next('table').hide(); $(this).text

我试图在单击位于不同表中的按钮时切换(隐藏/显示)一个表,但无法正确选择它。 我有意不使用id标记,因为我希望jQuery代码是通用的,因为我需要在同一个脚本中多次重用它

以下是我迄今为止取得的成绩:

试试这个:

td
->获取第一个父级
->获取下一个同级
->显示/隐藏:

$('button.new_disp').toggle(

function() {
    $(this).parents('table').next('table').hide();
    $(this).text('Show');
}, function() {
    $(this).parents('table').next('table').show();
    $(this).text('Hide');
});
 $(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');
    });        
 });