jqueryで特別クラスを別のクラスに置き換えるにはどうすればよいですか？

Question

例えば：

<li class="dataItem ready igto" status="ready">I will change status to waiting</li> 

とはその後、私はちょうどクラス準備を削除し、新しいクラスを追加するに.theの通常の方法があるを待っに準備クラスを変更したいです！

と別の状況では、一度に複数のクラスを置き換える方法です！例えば：

<!-- replace done wainting error to ready --> 
<li class="dataItem done igto" status="ready">I will change status to ready</li> 
<li class="dataItem waiting igto" status="ready">I will change status to ready</li> 
<li class="dataItem error igto" status="ready">I will change status to ready</li> 

へ：

<li class="dataItem ready igto" status="ready">I will change status to waiting</li> 

ありがとうございました!!

Answer 1

jQueryに「切り替え」クラスがないので、クラスを削除してからもう一度追加するのが最も良い方法です。

$('.dataItem').removeClass('ready').addClass('waiting'); 

あなたは.removeClass()に複数のクラスに渡すことで、複数のクラスを置き換えることができます：あなたはこれを達成するために$.toggleClass()を使用することができます

$('.dataItem').removeClass('done waiting error').addClass('ready'); 

Answer 2

。

$("p").click(function(){ 
    // Replace 'done' with 'waiting' or 'waiting' with 'done' 
    $(this).toggleClass("done waiting"); 
}); 

例：http://jsfiddle.net/wH9x3/