有沒有更好的方式來寫在jQuery中？

Question

$(".sectionHeader").click(function() { 
    var row = $(this).parent(); 
    while (row.next().length != 0) { 
     row = row.next(); 
     if (row.children().first().is('th')) return; 
     row.toggle(); 
    } 
}); 

Answer 1

它看起來像你在表中的部分標題行，在這種情況下，你可以摺疊，直到下一個sectionHeader這樣的：

$(".sectionHeader").click(function() { 
    $(this).closest("tr").nextUntil(".sectionHeader").toggle(); 
}); 

你可以使它更有效的與delegate()這樣的：

$("#sectionTable").delegate(".sectionHeader", "click", function() { 
    $(this).closest("tr").nextUntil(".sectionHeader").toggle(); 
}); 

這個高度對整個表的一個事件處理程序，而不是每.sectionHeader第1行。

Answer 2

$(".sectionHeader").click(function() { 
    $(this).parent().each(function(index, element){ 
     if($(element).children().first().is('th')) return; 
     $(element).toogle(); 
    }); 
});