jquery에서 특수 클래스를 다른 클래스로 대체하려면 어떻게해야합니까?

Question

예컨대 :

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

하고는, 난 그냥클래스 준비을 제거하고 새로운 클래스를 추가 에 국지적 일반적인 방법은 대기에 준비 클래스를 변경하려면!

또 다른 상황은 한 번에 여러 클래스를 교체하는 방법입니다!? 예컨대 님의

<!-- 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/