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

Das folgende Beispiel zeigt Ihnen, wie Sie mehrere verschachtelte Klassenselektoren und direkte Klassenselektoren in einer Zeile auswählen können

//Here is Explaination of Selectors  
//.a .b .c  = selects nested child c which is inside of div a and b
//.a .d     = selects nested child d which is inside of div a 
//.f        = selects direct element ie div f which is outside of div a and b
$('.a .b .c , .a .d, .f').css('background-color', 'grey');

<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 class="c">c</div>
  </div> 
  <div class="d">d</div>
</div>
<div class="e">e</div>
<div class="f">f</div>

Answer 2

Sie können verwenden getElementsByClassName() Methode für das, was Sie wollen.

var elems = document.getElementsByClassName("a b c");
elems[0].style.color = "green";
console.log(elems[0]);

<ul>
  <li class="a">a</li>
  <li class="a b">a, b</li>
  <li class="a b c">a, b, c</li>
</ul>

Dies ist auch die schnellste Lösung. Sie können einen Benchmark dazu sehen aquí .

Answer 3

Var elem = document.querySelector(".a.b");