使用jQuery基於click事件更改表行的背景顏色

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代碼的功能傳遞給該設置。