Wybieranie wielu klas za pomocą jQuery

222

Dobrze się przyjrzałem i nie mogę się dowiedzieć, jak wybrać wszystkie elementy pasujące do niektórych klas w jednej instrukcji selektora jQuery, takiej jak ta:

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

Wszelkie pomysły, jak to osiągnąć? Jedyną inną opcją jest zrobienie

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

Ale robię to z kilkoma klasami, więc wymaga dużo kodu.

javascript jquery jquery-selectors

— Kezzer
źródło

402

To powinno działać:

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

Musisz dodać wiele selektorów wszystkich w pierwszym argumencie do $ (), w przeciwnym razie dajesz jQuery kontekst, w którym chcesz wyszukiwać, co nie jest tym, czego chcesz.

Jest tak samo jak w CSS.

— Erik Bakker
źródło

3

Co jeśli chcę dopasować to tylko wtedy, gdy każdy element ma wszystkie określone klasy?

— IsmailS

12

W porządku, mam ten jeden stackoverflow.com/q/1041344/148271 . w zasadzie będę musiał dołączyć do wszystkich selektorów na skrzyżowaniu. Like$(".myClass.myOtherClass")

— IsmailS,

Więcej na temat grupowania CSS: W3C „Grupowanie” .

— skrounge

@wal: Ten przecinek jest konieczny także w CSS, gdy wskazuje się na obie klasy. Bez przecinka oznaczałoby to .myOtherClassgdzieś w środku .myClass.

— geekuality

ta odpowiedź nie odpowiada na pytanie, w ten sposób robisz OR !! nie ORAZ !!

— Mahmoud Khateeb

26

Próbowałeś tego?

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

— Ionuț G. Stan
źródło

25

używam $('.myClass.myOtherClass').removeClass('theclass');

— Adman
źródło

34

Dzieje się tak, jeśli element HTML ma wiele klas i chcesz usunąć klasę dla elementu tylko dla wszystkich tych klas. Inne przykłady usuną klasę z dowolnego elementu zawierającego dowolną klasę oddzieloną przecinkami. Twój przykład zadziałałby tylko, gdyby mój element HTML zawierał oba , na przykład<div class="myClass myOtherClass theclass">

— Kezzer 30.01.11

0

// Due to this Code ): Syntax problem.    
$('.myClass', '.myOtherClass').removeClass('theclass');

Zgodnie z dokumentacją jQuery: https://api.jquery.com/multiple-selector/

Kiedy można wybrać wiele klas w ten sposób:

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

umieszczając wszystkie selektory w jednym „...” lub podwójnym przecinku, „...”

W twoim przypadku prawidłowym sposobem wywoływania wielu klas jest:

$('.myClass', '.myOtherClass').removeClass('theclass'); // your Code // Invalid.
$('.myClass , .myOtherClass').removeClass('theclass');  // Correct Code // Is valid.

— Rehan Shah
źródło