回调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')
})