Удаление нескольких классов (jQuery)

572

Есть ли лучший способ переписать это:

$('element').removeClass('class1').removeClass('class2');

Я не могу использовать removeClass(); как это будет удалить все классы, которые я не хочу.

Теги:

6 ответов

1060
Лучший ответ
$("element").removeClass("class1 class2");

Из removeClass() параметр класса:

Один или несколько классов CSS для удаления из элементы, они разделены пространства.

  • 0
    Предположим: class1 вызывает много раз в элементе, а затем, как мы удаляем class1
56

$('element').removeClass('class1 class2');

Здесь находятся документы.

18

http://docs.jquery.com/Attributes/removeClass

Один или несколько классов CSS для удаления из элементов, они разделяются пробелами.

15

В документации говорится:

class (Optional) String
Один или несколько классов CSS для удаления из этих элементов разделяются пробелами.

Пример:

Удалите класс "синий" и "под" из согласованных элементов.

$("p:odd").removeClass("blue under");
8

Есть много способов сделать это!

JQuery

  • удалить весь класс
    $("element").removeClass();
    ИЛИ
    $("#item").removeAttr('class');
    ИЛИ
    $("#item").attr('class', '');
    ИЛИ
    $('#item')[0].className = '';

  • удалить несколько классов
    $("element").removeClass("class1 ... classn");
    ИЛИ
    $("element").removeClass("class1").removeClass("...").removeClass("classn");

Исходный Javascript

  • удалить весь класс

// remove all items all class  
const items = document.querySelectorAll('item');
for (let i = 0; i < items.length; i++) {
    items[i].className = '';
}
  1. удалить несколько классов

// only remove all class of first item
const item1 = document.querySelector('item');
item1.className = '';
0

Отдельные занятия по space

$('element').removeClass('class1 class2');
Сообщество Overcoder
Наверх
Меню