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

Question

当文档准备好被操作时，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> 

Answer 1

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