Question

我编写了以下内容，当用户单击按钮时，会更改偶数行的背景，我想添加一个删除类的回调函数，我该怎么做？

http://jsfiddle.net/#&togetherjs=TlsqQVlA23

 $("#hideshow").click(function(){
       $("tr:even").toggle("3500",function(){
            $("tr").addClass("red");
        });
    });

我试过

 $("#hideshow").click(function(){
           $("tr:even").toggle("3500",function(){
                $("tr").addClass("red");
            },function(){
                $("tr").removeClass("red");
            });
        });

但是控制台上有错误。

Answer 1

我猜您要添加/删除red类#hideshow已点击，请尝试以下操作：

$("#hideshow").click(function(){
           $("tr:even").toggleclass("red");
        });

这将隐藏/显示红色类

Answer 2

不要尝试更改每一行的类 - 您只能更改table的类。这将比着色每个特定行快得多。以下是一个示例：http://jsfiddle.net/jslayer/RN9AP/

CSS：

table {
    border-collapse: collapse;
}

table.zebra tr:nth-child(even) {
    background: red;
    color: #fff;
}

JS：

var $table = $('table');

$('#toggle').click(function(){
    $table.toggleClass('zebra')
})

在jQuery上回调addclass

2 个答案: