Dodaj i usuń wiele klas w jQuery

Próbuję dodawać i usuwać wiele klas w polu tekstowym, klikając różne przyciski opcji. Nie mogę usunąć niechcianych klas podczas przełączania się między różnymi przyciskami opcji.

Mój kod to:

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

Możesz oddzielić wiele klas spacją:

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

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

Dodaj wiele zajęć:

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

lub kaskadowo:

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

Bardzo podobny również do usuwania większej liczby klas:

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

lub kaskadowo:

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

najprostszy sposób na dołączenie nazwy klasy za pomocą javascript. Może być przydatne, gdy .siblings()źle się zachowujesz.

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