Wie kann ich ein Element mit mehreren Klassen in jQuery auswählen?

Question

Ich möchte alle Elemente auswählen, die die folgenden beiden Klassen haben a y b .

<element class="a b">

Es werden also nur die Elemente, die eine beide Klassen.

Wenn ich die $(".a, .b") er gibt mir die Vereinigung, aber ich will die Schnittmenge.

Answer 1

Sie können dies mit der Funktion filter() Funktion:

$(".a").filter(".b")

Answer 2

Für den Fall

<element class="a">
  <element class="b c">
  </element>
</element>

Sie müssen ein Leerzeichen dazwischen setzen .a y .b.c

$('.a .b.c')

Answer 3

Das Problem, das Sie haben, ist, dass Sie eine Group Selector zu verwenden, während Sie eine Multiples selector ! Um genauer zu sein, verwenden Sie $('.a, .b') wohingegen Sie Folgendes verwenden sollten $('.a.b') .

Weitere Informationen finden Sie in der Übersicht über die verschiedenen Möglichkeiten, Selektoren zu kombinieren, weiter unten!

---

Gruppenselektor : ","

Alle auswählen <h1> Elemente UND alle <p> Elemente UND alle <a> Elemente:

$('h1, p, a')

Mehrfachselektor : "" (kein Zeichen)

Alle auswählen <input> Elemente von type text mit Klassen code y red :

$('input[type="text"].code.red')

Descendant Selector : " " (Leerzeichen)

Alle auswählen <i> Elemente im Inneren <p> Elemente:

$('p i')

Kind Selektor : ">"

Alle auswählen <ul> Elemente, die unmittelbare Kinder eines <li> Element:

$('li > ul')

Selektor für benachbarte Geschwister: "+"

Alle auswählen <a> Elemente, die unmittelbar nach <h2> Elemente:

$('h2 + a')

Allgemeiner Geschwister-Selektor : "~"

Alle auswählen <span> Elemente, die Geschwister sind von <div> Elemente:

$('div ~ span')

Answer 4

$('.a .b , .a .c').css('border', '2px solid yellow');
//selects b and c

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="a">a
  <div class="b">b</div>
  <div class="c">c</div>
  <div class="d">d</div>
</div>

Answer 5

Erwähnen Sie nur einen weiteren Fall mit Element:

z.B. <div id="title1" class="A B C">

Tippen Sie einfach: $("div#title1.A.B.C")