使用 jQuery 对 ajax 表进行条带化

Question

对于普通的 html 表，我使用

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

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

即使是来自http://brandonaaron.net 的实时查询插件也帮不了我。有什么建议吗？

Answer 1

好吧，您可以尝试在 Global .ajaxSuccess() event 中添加该代码行，以及删除所有现有条带的代码行，以便在每次 ajax 调用完成时运行它，但如果您这样做，这不是一个非常有效的方法重新处理许多不同的 ajax 调用，只有少数实际更改了表。

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

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

如果您将新行插入现有表中，这将防止条带被弄乱。

使用 CSS 当然是最好的方法，但是由于您为此使用 jQuery，我怀疑向后兼容性是这里的一个关键问题。