奇怪的类没有使用jquery加载的表

Question

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

HTML：

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

Jquery：

$(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") 
});