Добавить и удалить несколько классов в jQuery

Я пытаюсь добавить и удалить несколько классов в текстовом поле, нажимая различные переключатели. Я не могу удалить ненужные классы при переключении между разными переключателями.

Мой код для этого:

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

Ответ 1

Вы можете разделить несколько классов пробелом:

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

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

Ответ 2

Добавить несколько классов:

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

или каскадом:

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

Очень похоже также на удаление других классов:

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

или каскадом:

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

Ответ 3

Самый простой способ добавить имя класса с помощью javascript. Это может быть полезно, когда .siblings() плохо себя ведут.

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