使用jQuery条带ajax表

Question

对于普通的html表，我使用

 $('table.alt tr:even').addClass('bg');

用于条带化表格。但显然这不适用于ajax。每个新表行的索引都是“-1”，因此每个新行都会获得该类。

即使来自http://brandonaaron.net的Live Query-Plugin也无法帮助我。有什么建议吗？

Answer 1

好吧，你可以尝试添加代码行，加上删除所有现有条带的代码到Global .ajaxSuccess() event，以便每次ajax调用完成时它都会运行，但如果这个代码不是非常有效的方法，那么你正在使用许多不同的ajax调用，只有少数实际更改了表。

您还可以定义一个可以包含ajax调用的success回调的函数，例如

function stripTable(){
     $('table.alt tr').removeClass('bg').filter(':even').addClass('bg');
}

如果在新行中插入现有表格，这将防止条带混乱。

使用CSS当然是最好的方法，但是由于你正在使用jQuery，我怀疑向后兼容性是一个关键问题。