Comment remplacer une classe spéciale par une autre dans jquery?

E. g:

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

et puis ,je veux juste changer le prêt de classe à attente.La voie normale est de retrait la classe de prêt et l'ajout de nouvelles classes!

et dans une autre situation est de savoir comment remplacer multi classe à la fois!? 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>

:

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

Merci beaucoup!!

source d'informationauteur qinHaiXiang

  1. 21

    Le meilleur moyen est de faire comme vous le dites, de supprimer la classe, puis l'ajouter à nouveau, comme il n'y a pas de "commutation" classes en jQuery.

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

    Vous pouvez remplacer plusieurs classes en passant dans plus d'une classe dans .removeClass():

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

    Vous pouvez utiliser $.toggleClass() pour atteindre cet objectif.

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

    Exemple: http://jsfiddle.net/wH9x3/