¿Cómo reemplazo una clase especial con otra en jquery?

Question

por ejemplo:

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

y luego, sólo quiero cambiar la clase listos a la espera .La forma normal es que la eliminación dela clase listos y añadiendo nueva clase!

y otra situación es cómo reemplazar multi clase a la vez? Por ejemplo:

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

a:

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

Muchas gracias !!

Answer 1

La mejor manera es hacer lo que dices, eliminar la clase y luego volver a agregarla, ya que no hay clases de "cambio" en jQuery.

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

Puede reemplazar múltiples clases pasando en más de una clase en .removeClass():

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

Answer 2

Puede utilizar $.toggleClass() para lograrlo.

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

Ejemplo: http://jsfiddle.net/wH9x3/