javascript - 重置元素 'odd' 或 'even' 状态？

Question

我有一张带有“斑马条纹”的表格，它每秒或“偶数”添加一个类，<tr> ，例如:

 $("#summarytable tr:even").addClass("even");

我也在使用 Table Sorter如果 <th> 允许按字母和数字对列进行排序的插件被点击。

问题是“偶数”<tr>即使在插件对它们进行排序并且它们的顺序被打乱之后，它们仍然保持“均匀”。所以，即使我删除然后再次添加 '.even' 类，例如:

$("#summarytable th").click(function() {
    $("#summarytable tr").removeClass("even");
    $("#summarytable tr:even").addClass("even");
});

它仍然出现故障。

有没有办法“重置”DOM 中元素的顺序，从而重置元素的“奇数”或“偶数”状态？

此处的开发示例:http://ryanturner.com.au/tipping/index.php?id=4

Answer 1

如果 strip 化只是为了样式，您可以使用 CSS 回避整个问题。

Example:

tr:nth-child(2n) {
    background: gray;
}
tr:nth-child(2n+1) {
    background: lightgray;
}

如果您确实需要在排序发生后运行某些函数，请快速浏览 the documentation建议您可以这样做:

$("table").bind("sortEnd", function() { 
    // ...
});