Jquery ui 有没有更好的方法在jQuery中编写这个?
表中似乎有行是节标题,在这种情况下,可以折叠到下一个节标题,如下所示:Jquery ui 有没有更好的方法在jQuery中编写这个?,jquery-ui,jquery,jquery-selectors,Jquery Ui,Jquery,Jquery Selectors,表中似乎有行是节标题,在这种情况下,可以折叠到下一个节标题,如下所示: $(".sectionHeader").click(function() { $(this).parent().each(function(index, element){ if($(element).children().first().is('th')) return; $(element).toogle(); }); }); $(".sectionHeader").click(
$(".sectionHeader").click(function() {
$(this).parent().each(function(index, element){
if($(element).children().first().is('th')) return;
$(element).toogle();
});
});
$(".sectionHeader").click(function() {
$(this).closest("tr").nextUntil(".sectionHeader").toggle();
});
使用delegate()
可以提高效率,如下所示:
$(".sectionHeader").click(function() {
$(this).parent().each(function(index, element){
if($(element).children().first().is('th')) return;
$(element).toogle();
});
});
$(".sectionHeader").click(function() {
$(this).closest("tr").nextUntil(".sectionHeader").toggle();
});
这将为整个表附加一个事件处理程序,而不是每.sectionHeader
行附加一个事件处理程序