Hinzufügen und Entfernen mehrerer Klassen in jQuery

Ich versuche, mehrere Klassen in einem Textfeld hinzuzufügen und zu entfernen, indem ich auf verschiedene Optionsfelder klicke. Ich kann die unerwünschten Klassen beim Umschalten zwischen verschiedenen Optionsfeldern nicht entfernen.

Mein Code dafür ist:

// 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]]");
}

Sie können mehrere Klassen mit dem Leerzeichen trennen:

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

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

Fügen Sie mehrere Klassen hinzu:

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

oder in Kaskade:

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

Sehr ähnlich auch, um weitere Klassen zu entfernen:

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

oder in Kaskade:

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

Der einfachste Weg, den Klassennamen mit Javascript anzuhängen. Es kann nützlich sein, wenn Sie .siblings()sich schlecht benehmen.

document.getElementById('myId').className += ' active';