How do I replace special class with another in jquery?

Question

E.g:

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

and then ,I just want to change the ready class to waiting.THe normal way is to removing the class ready and adding new class!

and another situation is how to replace multi class at once!? E.g:

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

to :

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

Thank you very much!!

Answer 1

You can use $.toggleClass() to achieve this.

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

Example: http://jsfiddle.net/wH9x3/