Ajouter et supprimer plusieurs classes dans jQuery

Je suis en train d'ajouter et de supprimer plusieurs classes sur un champ de texte en cliquant sur les différents boutons radio. Je ne suis pas en mesure de supprimer les indésirables classes tandis que la commutation entre les différents boutons.

Mon code c'est:

//For 1st radio button
if (actionUrl == "search-client-by-id") {
    $("#req").removeClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]")
             .addClass("validate[required,custom[onlyNumberSp]]");
}
//For 2nd radio button
else if (actionUrl == "search-client-by-name") {    
    $("#req").removeClass("validate[required,custom[onlyNumberSp]]")
             .addClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]");
}
  • ce code fonctionne pour moi
InformationsquelleAutor Raman | 2011-08-25
  1. 244

    vous pouvez séparer les différentes classes de l'espace:

    $("p").addClass("myClass yourClass");

    http://api.jquery.com/addClass/

    • J'ai trouvé une solution pour ce faire, chaque fois que j'utilise .removeClass() uniquement et pas besoin d'écrire un nom de classe dans removeClass pour supprimer tous les classes et d'ajouter une classe par choix. Oui son travail...!
    • À l'aide de .removeClass() [sans paramètres] supprime toutes les classes de l'objet jQuery.
    InformationsquelleAutor Headshota
  2. 3

    Ajouter plusieurs classes:

     $("p").addClass("class1 class2 class3");

    ou en cascade

     $("p").addClass("class1").addClass("class2").addClass("class3");

    Très semblable aussi à supprimer plus de classes:

     $("p").removeClass("class1 class2 class3");

    ou en cascade

     $("p").removeClass("class1").removeClass("class2").removeClass("class3");
    • donc, qu'est-ce que vous souhaitez supprimer une classe à partir de plusieurs $("p")?
    • dans mon exemple, je me réfère à tous les paragraphes de la page, mais c'est juste un exemple. Vous pouvez identifier un élément avec un ID ou une autre classe.
    InformationsquelleAutor Andrea_dev
  3. 0

    façon la plus simple pour ajouter un nom de classe à l'aide de javascript.
    Il peut être utile lors de la .siblings() sont désobéissants.

    document.getElementById('myId').className += ' active';
    • Cette réponse n'est pas pertinente pour la question, qui demande explicitement jQuery.
    • Et vous devez l'utiliser classList de toute façon
    InformationsquelleAutor argoden