點擊添加和刪除表格數據的背景顏色（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'); });