我正在使用jquery为表格数据设置背景颜色并且其工作正常但我需要当用户再次单击td时应该取消选择颜色。它是我添加颜色的脚本。
java script:
jQuery('td').click(function () { $(this).addClass('active'); });
my css class:
.active{background-color:red;}
当用户再次单击该类应删除的td时。如何实现这一点。
答案 0 :(得分:3)
您可以使用
$(this).removeClass('active');
虽然您需要检查它是否已经处于活动状态,这会使您的代码看起来像这样:
jQuery('td').click(function () {
if($(this).hasClass('active') {
$(this).removeClass('active');
} else {
$(this).addClass('active');
}
});
编辑:
@Justice更正确:
jQuery('td').click(function () { $(this).toggleClass('active'); });
答案 1 :(得分:3)
jQuery('td').click(function () { $(this).toggleClass('active'); });
toggleClass如果它不存在则添加,如果它存在则删除。