Выбор нескольких классов с помощью jQuery

222

Я хорошо выглядел и не могу понять, как выбрать все элементы, соответствующие определенным классам, в одном операторе селектора jQuery, например:

$('.myClass', '.myOtherClass').removeClass('theclass');

Есть идеи как этого добиться? Единственный другой вариант - сделать

$('.myClass').removeClass('theclass');
$('.myOtherClass').removeClass('theclass');

Но я делаю это с довольно многими классами, так что это требует много кода.

javascript jquery jquery-selectors Kezzer
источник

Ответы:

402

Это должно работать:

$('.myClass, .myOtherClass').removeClass('theclass');

Вы должны добавить несколько селекторов в первом аргументе в $ (), в противном случае вы предоставляете jQuery контекст для поиска, а это не то, что вам нужно.

Это так же, как вы сделали бы в CSS.

Эрик Баккер
источник
3
Что если я хочу сопоставить его только тогда, когда у каждого элемента есть все указанные классы?
IsmailS
12
Хорошо, я получил этот один stackoverflow.com/q/1041344/148271 . в основном мне придется объединить все селекторы для пересечения. Нравится$(".myClass.myOtherClass")
IsmailS
Подробнее о CSS группировке: W3C "Группировка" .
skrounge
@wal: эта запятая необходима и в CSS при указании на оба класса. Без запятой это указывало бы на .myOtherClassто, что где-то внутри .myClass.
geekuality
этот ответ не отвечает на вопрос, таким образом, вы делаете ИЛИ !!!! не И !!
Махмуд Хатиб
26

Вы пробовали это?

$('.myClass, .myOtherClass').removeClass('theclass');
Ionuț G. Stan
источник
25

я использую $('.myClass.myOtherClass').removeClass('theclass');

рекламный агент
источник
34
Это если элемент HTML имеет несколько классов, и вы хотите удалить класс для элемента только со всеми этими классами. Другие примеры удаляют класс из любого элемента с любым из классов, разделенных запятыми. Ваш пример будет работать, только если у моего HTML-элемента есть и то и другое , например,<div class="myClass myOtherClass theclass">
Kezzer
0 
// Due to this Code ): Syntax problem.    
$('.myClass', '.myOtherClass').removeClass('theclass');

Согласно документации jQuery: https://api.jquery.com/multiple-selector/

Когда можно выбрать несколько классов следующим образом:

jQuery(“selector1, selector2, selectorN”) // double Commas. // IS valid.
jQuery('selector1, selector2, selectorN') // single Commas. // Is valid.

заключив все селекторы в одну '...' 'или двойные запятые, "..."

Итак, в вашем случае правильный способ вызова нескольких классов:

$('.myClass', '.myOtherClass').removeClass('theclass'); // your Code // Invalid.
$('.myClass , .myOtherClass').removeClass('theclass');  // Correct Code // Is valid.
Рехан Шах
источник