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

Vanilla-JavaScript-Lösung: -

document.querySelectorAll('.a.b')

Answer 2

Für eine bessere Leistung können Sie Folgendes verwenden

$('div.a.b')

Dadurch werden nur die div-Elemente durchsucht, anstatt alle HTML-Elemente auf Ihrer Seite zu durchlaufen.

Answer 3

Ihr Code $(".a, .b") funktioniert für die folgenden mehreren Elemente (gleichzeitig)

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

wenn Sie ein Element mit den Klassen a und b auswählen möchten, wie <element class="a b"> als js ohne Komma verwenden

$('.a.b')

Answer 4

Gruppenwahlschalter

body {font-size: 12px; }
body {font-family: arial, helvetica, sans-serif;}
th {font-size: 12px; font-family: arial, helvetica, sans-serif;}
td {font-size: 12px; font-family: arial, helvetica, sans-serif;}

Das wird daraus:

body, th, td {font-size: 12px; font-family: arial, helvetica, sans-serif;}

In Ihrem Fall haben Sie also den Gruppenselektor ausprobiert, obwohl es sich um eine Schnittmenge handelt

$(".a, .b") 

verwenden Sie stattdessen diese

$(".a.b")

Answer 5

Sie benötigen keine jQuery für diese

Sur Vanilla können Sie tun:

document.querySelectorAll('.a.b')