Jquery问题-无法展开表中上面的行

Jquery问题-无法展开表中上面的行,jquery,Jquery,我搞不懂的是如何使用表中的行下面的行来切换表中的行 假设我有一个表,有两行,第一行包含内容,下面一行包含按钮,当页面加载内容行时,内容行被隐藏,当您单击按钮时,内容行被打开和关闭 在本例中,第一个表工作,但第二个表不工作,我需要第二个表工作 $(document).ready(function() { $(".sectionhead").toggle( function() { $(this).next("tr").hide(); },

我搞不懂的是如何使用表中的行下面的行来切换表中的行

假设我有一个表,有两行,第一行包含内容,下面一行包含按钮,当页面加载内容行时,内容行被隐藏,当您单击按钮时,内容行被打开和关闭

在本例中,第一个表工作,但第二个表不工作,我需要第二个表工作

$(document).ready(function() { 
$(".sectionhead").toggle( 
    function() { 
            $(this).next("tr").hide(); 
    }, 
    function() { 
            $(this).next("tr").show(); 
    } 
) 
}))

试试这个:

$(document).ready(function() { 
    $(".sectionhead").each(function() {
        $(this).toggle( 
            function() { 
                $(this).next("tr").hide(); 
            }, 
            function() { 
                $(this).next("tr").show(); 
            } 
        ) 
    });
});
您可以这样做:

$(function() { 
  $("table").delegate(".sectionhead", "click", function() { 
    $(this).next("tr").toggle(); 
  });
});
但是,如果表是动态加载的,则需要:

$(function() { 
  $(".sectionhead").live("click", function() { 
    $(this).next("tr").toggle(); 
  });
});

您应该使用
.prev()
而不是
.next()

你是说
.prev(“tr”)
$(document).ready(function(){
 $(".sectionhead").toggle(
  function() {
   $(this).prev().hide();
  },
  function() {
   $(this).prev().show();
  }
 )
})