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

标签 javascript jquery html css html-table

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

问题是现在行仍保留当前样式(因为我假设它们保持位置,尽管它们看不到),因此新的奇数行和偶数行与 CSS 模式不匹配。 我该如何解决它?

最佳答案

尝试遵循以下示例:

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

在这里检查:

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

希望对你有帮助

更新

您可以使用奇数和行 CSS 类检查另一个示例。

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

关于javascript - 使用 jQuery 隐藏行时 CSS 未更​​新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20254350/

相关文章:

javascript - 从 php 脚本获取数据到 javascript 并使用它

javascript - 使用聚合 $lookup 和 $mergeObjects

javascript - meteor : add elements to the app. html

javascript - 当我将它们放在旋转木马外面时,按钮不起作用

javascript - 如何在单击按钮时显示 div?

html - 如何在CSS中均匀分配?

javascript - 设置文本区域的高度自动导致滚动

javascript - 使用 AJAX 和 PHP 永久覆盖简单的点击计数

javascript - jQuery:在 div 中平滑滚动 "back to top"?

JQuery 滑动 2 个 div