与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调用正在修改表（替换它，添加/删除行，隐藏/显示行等）？

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