クリックしてテーブルデータの背景色を追加および削除する

Question

jqueryを使用してテーブルデータに背景色を設定しても問題はありませんが、ユーザーが色を選択解除する必要があります。その色を追加する私のスクリプト。

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

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

ユーザーがクラスを削除する必要がある場合は、再度クリックします。これを達成する方法。

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

EDIT：

@Justiceはより正確です。

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