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

135

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

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

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

javascript jquery

— Раман
источник

273

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

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

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

— Headshota
источник

1

Я нашел решение для этого, каждый раз, когда я использую только .removeClass (), и мне не нужно писать имя класса в removeClass, чтобы удалить все добавленные классы и добавить любой класс по своему выбору. Да, это работает ...!

— Раман

3

Использование .removeClass () [без параметров] удаляет все классы объекта jQuery.

— Ахмет

8

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

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

или в каскаде:

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

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

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

или в каскаде:

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

— Andrea_dev
источник

так что вы хотите удалить класс из нескольких $("p")?

— венчик

в моем примере я ссылаюсь на все абзацы на странице, но это всего лишь пример. Вы можете идентифицировать определенный элемент с помощью идентификатора или другого класса.

— Andrea_dev

0

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

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

— argoden
источник

5

Этот ответ не имеет отношения к вопросу, который явно задан для jQuery.

— Cyberbit

1

И вы все равно должны использовать classList