javascript - 如何在运行时交换 jquery css

Question

我有一个表，所有行中都有向上和向下按钮，我想在表中的相应方向上单击向上/向下移动行。我能够做到这一点，但问题是我有一个用于交替行的样式表，我不想随行移动而移动它。但当前的功能还移动CSS，这在页面上看起来非常疲倦。有人可以告诉我如何停止移动CSS吗？我的代码如下 -

$(文档).ready(function(){
     $(".up,.down").click(function(){
        var row = $(this).parents("tr:first");
        if ($(this).is(".up")) {
            row.insertBefore(row.prev());
        } 别的 {
            row.insertAfter(row.next());
        }
    });
});

我必须检查移动行是否带有CSS，那么应该将其删除并分配给新行。

Answer 1

如果我理解正确，请像这样设置您的样式:

        tr:nth-child(even) {  }

        tr:nth-child(odd) {  }

现在，当您移动行时，样式不会变得困惑。请注意，这可能在古代浏览器中不起作用。如果您必须支持 IE7 左右，您可能需要做更多的工作。