jquery - 带有ajax调用的斑马表

Question

我正在使用 ajax 按钮将记录添加到表中。我想用斑马桌。我有一个用于斑马表的 jquery 函数。

<script type="text/javascript">
        $(function() {
            $("table tr:nth-child(even)").addClass("zebraTable");
        });
</script>

CSS：

.zebraTable {background-color: #F2F2F2}

当我点击普通按钮时，它就像斑马桌一样工作。但是当我用 ajax 按钮更改按钮时，表格变成了普通表格。你有什么主意吗？

Answer 1

答案取决于自从您将 zebraTable 类添加到行后该表发生了什么。我假设您的 Ajax 调用正在修改表（替换它、添加/删除行、隐藏/显示行等）？

请注意，除非您将其删除，否则 DOM 中的 tr 对象将保留该类，并且选择器适用于隐藏和可见的 tr 对象。我的建议是从所有行中删除 zebraTable 类，然后重新应用它（并调整隐藏的 tr 对象，如果你有它们）。