带jQuery的条带ajax表

带jQuery的条带ajax表,jquery,ajax,html-table,zebra-striping,Jquery,Ajax,Html Table,Zebra Striping,对于普通的html表,我使用 $('table.alt tr:even').addClass('bg'); 为了给桌子加条纹。但显然,这在ajax中不起作用。每个新表行的索引都是“-1”,因此每个新行都得到类 甚至来自的实时查询插件也帮不了我。有什么建议吗?好吧,您可以尝试向添加代码行,再加上删除所有现有条带的代码行,这样每次ajax调用完成时它都会运行,但如果您处理许多不同的ajax调用,而只有少数几个调用实际更改了表,那么这并不是一种非常有效的方法 您还可以定义一个可以包含在ajax调用

对于普通的html表,我使用

 $('table.alt tr:even').addClass('bg');
为了给桌子加条纹。但显然,这在ajax中不起作用。每个新表行的索引都是“-1”,因此每个新行都得到类


甚至来自的实时查询插件也帮不了我。有什么建议吗?

好吧,您可以尝试向添加代码行,再加上删除所有现有条带的代码行,这样每次ajax调用完成时它都会运行,但如果您处理许多不同的ajax调用,而只有少数几个调用实际更改了表,那么这并不是一种非常有效的方法

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

function stripTable(){
     $('table.alt tr').removeClass('bg').filter(':even').addClass('bg');
}
这将防止在现有表中插入新行时将条带弄乱


使用CSS当然是实现这一点的最佳方式,但由于您使用jQuery实现这一点,我怀疑向后兼容性是这里的一个关键问题。

+1我正要回答同样的问题。嗯,这里有一个例子。