使用jQuery更新動態/ ajax表格行的替代顏色

Question

看起來很多，但找不到，通過jQuery在$(document).ready事件中應用交替行顏色。

$(document).ready(function(){ 

    //Member Directory Table 
    $('.MemberDetail table tr:odd ').css('background','#F0F0EC'); 
} 

應用了顏色，但是當使用ajax請求更新表時，它不更新顏色。那麼可以更好地將替代顏色應用於該表格？

有此頁面上的例子：

Here Dynamic Table

Answer 1

當阿賈克斯完成後，你應該使用這個腳本。我的意思是這樣

$.ajax({ 
    url: 'ajax/test.html', 
    success: function(data) { 
    //to do your jQuery code again; 
    $('.MemberDetail table tr:odd ').css('background','#F0F0EC'); 
    } 
}); 

Answer 2

只需再次更新表：

$('.MemberDetail table').find('tr:odd').css('background','#F0F0EC').end().find('tr:even').css('background','#fff'); 

沒有什麼神奇的方法來自動維護這些顏色，只是在每次更新表時間更新。

Answer 3

你必須再次執行表顏色功能，Ajax請求

function ajax() { 
doAjaxStuff(); 

$('.MemberDetail table tr:odd ').css('background','#F0F0EC'); 
} 

Answer 4

後，如果您使用CSS類這樣一個例子：

.alternate 
{ 
    background: #e6f4ff; 
} 

申請備用顏色到表格行，這很容易...做一些jQuery動態添加表格行後，你可以做這樣的事情：

$("table tbody tr").removeClass("alternate").filter(":odd").addClass("alternate"); 

無論你做什麼，這應該保持行正確着色：是它添加或刪除<table>行。

只要記住，每當<table>被修改時，您都必須始終運行代碼。