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

时间:2009-12-28 02:30:01

标签: javascript 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>

1 个答案:

答案 0 :(得分:0)

在表格排序发生之前,您的点击事件代码似乎正在运行。你如何排序行?如果您使用的是插件,请检查插件是否支持行条带化(例如,tableSorter插件具有此内置功能)。如果没有,也许插件提供了一个“post sort”设置,你可以用你的jquery代码传递一个函数。