javascript - 使用 jQuery 隐藏行时 CSS 未更​​新

Question

我有一个表格，其中奇数行和偶数行具有不同的 CSS 样式 tr:nth-child(2n){...}，当我使用文本框和 jQuery 过滤它们时，我隐藏()除符合我的条件的行之外的所有行。

问题是现在这些行保持当前样式(因为我假设它们保持位置，尽管它们看不见)，所以新的奇数行和偶数行与 CSS 模式不匹配。我该如何解决？

Answer 1

试着按照这个例子:

jQuery('tr:visible').filter(':odd').css({'background-color': 'red'});
jQuery('tr:visible').filter(':even').css({'background-color': 'yellow'});

在这里查看:

http://jsfiddle.net/KSL7j/1/

希望对你有帮助

更新

您可以使用 odd 和 row CSS 类检查这个其他示例。

正如 CAbbott 在这个 fiddle 中所建议的那样:http://jsfiddle.net/KSL7j/21/