Auswählen mehrerer Klassen mit jQuery

Question

Ich habe einen guten Blick hatte und kann nicht scheinen, um herauszufinden, wie man alle Elemente, die bestimmte Klassen in einem jQuery-Selektor-Anweisung wie diese auswählen:

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

Haben Sie eine Idee, wie man das erreichen kann? Die einzige andere Möglichkeit ist, Folgendes zu tun

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

Aber ich mache das mit einer ganzen Reihe von Klassen, so dass es viel Code erfordert.

Answer 1

Das sollte funktionieren:

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

Sie müssen die mehrfachen Selektoren alle im ersten Argument zu $() hinzufügen, andernfalls geben Sie jQuery einen Kontext, in dem es suchen soll, was nicht das ist, was Sie wollen.

Das ist dasselbe, was Sie in CSS tun würden.

Answer 2

Haben Sie das schon ausprobiert?

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

Answer 3

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

Answer 4

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

Gemäß der jQuery-Dokumentation: https://api.jquery.com/multiple-selector/

Sie können auf diese Weise mehrere Klassen auswählen:

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

indem Sie alle Selektoren in ein einzelnes "..." oder in doppelte Kommas, "...", einschließen.

In Ihrem Fall ist also der korrekte Weg, mehrere Klassen aufzurufen:

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