使用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更改基於點擊事件的表格行的背景顏色

回答

相關問題