Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
回调jQuery上的addclass_Jquery - Fatal编程技术网

回调jQuery上的addclass

回调jQuery上的addclass,jquery,Jquery,我编写了以下内容,当用户单击按钮时,这些内容会更改偶数行的背景。我想添加一个回调函数来删除该类,我该如何做 我试过了 $("#hideshow").click(function(){ $("tr:even").toggle("3500",function(){ $("tr").addClass("red"); },function(){ $("tr").removeClass("re

我编写了以下内容,当用户单击按钮时,这些内容会更改偶数行的背景。我想添加一个回调函数来删除该类,我该如何做

我试过了

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

但是控制台上有一个错误。

我猜您想添加/删除
red
\hideshow
单击后,请尝试以下操作:

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

这将隐藏/显示红色类

不要尝试更改每行的类-只能更改
的类。这将比为每一行着色快得多。以下是一个例子:

CSS:

JS:


什么错误?如果您需要帮助,您需要添加更多详细信息。请定期拨弄,协作太令人困惑了。当您链接到协作时,它对问题的未来读者也没有用处,因为在他们阅读协作时,它会发生变化。似乎您应该只使用
切换类
,而不是
切换
,因为你不想隐藏和展示东西。
$("#hideshow").click(function(){
           $("tr:even").toggleclass("red");
        });
table {
    border-collapse: collapse;
}

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

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