使用jQuery更改基于点击事件的表格行的背景颜色

当文档准备好被操作时，jQuery会向每个偶数行添加一个类，为每个奇数行添加另一个类，以便直观地查看不同的行。但每当我更新（基于标题排序）行时，无论我尝试什么，它们都不会更新。使用jQuery更改基于点击事件的表格行的背景颜色

<script type="text/javascript"> 
    $(document).ready(function() { 
$('table tr:even').addClass('evenRow'); 
$('table tr:odd').addClass('oddRow'); 
$("th").click(function(event) { 
    $('table tr').removeClass('evenRow oddRow'); 
    $('table tr:even').addClass('evenRow'); 
    $('table tr:odd').addClass('oddRow'); 
}); 
    }); 
    </script>

来源

2009-12-28 Kevin M

通过jquery添加一个类到偶数行和奇数行似乎是多余的。为什么不通过css向每个tr添加一个类，并通过jquery添加到单个或多个行？这将使后续分类更容易。 – ScottE 2009-12-28 03:02:04

看起来你的点击事件代码是在表发生排序之前运行的。你如何排序行？如果您使用的是插件，请检查插件是否支持固有的分条（例如tableSorter插件具有此内置功能）。如果没有，插件可能会提供一个“后排序”设置，您可以使用您的jQuery代码传递一个函数。

来源

2009-12-28 02:42:14

使用jQuery更改基于点击事件的表格行的背景颜色

回答

相关问题