javascript - Lägga till och ta bort flera klasser i jQuery

Jag försöker lägga till och ta bort flera klasser på ett textfält genom att klicka på olika radioknappar. Jag kan inte ta bort de oönskade klasserna när jag byter mellan olika radioknappar.

Min kod för detta är:

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

Svar #1

Du kan separera flera klasser med ett mellanslag:

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

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

Svar #2

Lägg till flera klasser:

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

eller i kaskad:

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

Mycket likt även för att ta bort fler klasser:

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

eller i kaskad:

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

Relaterade artiklar