jquery - 奇数类不适用于 jquery 加载的表

Question

我正在尝试找到解决方案，但仍然找不到，我不得不问这个问题。odd或even类不能处理 AJAX 加载的内容

HTML：

<table id="products"></table>

查询：

$(function () {$("#product-table tr:odd").addClass("odd") });

如果我手动将行添加到表中，一切正常。但是当我用 jquery 加载行时，odd类不起作用。

Answer 1

您的addClass函数在现有行上调用。这没有为新添加的行定义规则。

如果您有能力限制这种交替行显示的兼容性，您应该使用 CSS 来执行此操作，因为每次修改文档时都会执行 CSS 规则：

#product-table tr:nth-child(odd) {
    // what you would have put in the odd class
}

为了更加兼容，您还可以从您提供给 ajax 加载函数的回调中调用现有代码：

$('someSelector').load(someUrl, function(){
   $("#product-table tr:odd").addClass("odd") 
});