使用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>被修改时，您都必须始终运行代码。