点击添加和删除表格数据的背景颜色（td）

Question

我正在使用jquery为表格数据设置背景颜色，它的工作正常，但我需要用户再次单击td时颜色应该取消选择。其我的脚本添加颜色。

java script: 
    jQuery('td').click(function() { $(this).addClass('active'); }); 

my css class: 
.active{background-color:red;} 

当用户再次点击td类应该删除。如何实现这一点。

Answer 1

jQuery('td').click(function() { $(this).toggleClass('active'); }); 

toggleClass如果不存在或添加，如果它存在。

Answer 2

您可以使用

$(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'); });