javascript - 使用 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

您的点击事件代码似乎在表排序发生之前运行。你如何对行进行排序？如果您使用插件，请检查该插件本身是否支持行 strip 化(例如，tableSorter 插件具有此内置功能)。如果没有，也许该插件提供了“后排序”设置，您可以将带有 jquery 代码的函数传递给该设置。