Comment sélectionner un élément avec plusieurs classes en jQuery ?

Question

Je veux sélectionner tous les éléments qui ont les deux classes a y b .

<element class="a b">

Ainsi, seuls les éléments qui ont les deux classes.

Quand j'utilise $(".a, .b") ça me donne l'union, mais je veux l'intersection.

Answer 1

Si vous souhaitez ne faire correspondre que les éléments avec les deux (une intersection, comme un ET logique), il suffit d'écrire les sélecteurs ensemble. sans espaces entre les deux :

$('.a.b')

L'ordre n'est pas pertinent, vous pouvez donc également intervertir les classes :

$('.b.a')

Ainsi, pour correspondre à un div qui a un ID de a avec des cours b y c vous écrivez :

$('div#a.b.c')

(En pratique, vous n'avez probablement pas besoin d'être aussi précis, et un sélecteur d'ID ou de classe suffit généralement : $('#a') .)

Answer 2

Vous pouvez le faire en utilisant le filter() fonction :

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

Answer 3

Pour le cas

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

Vous devez mettre un espace entre .a y .b.c

$('.a .b.c')

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

Il suffit de mentionner un autre cas avec élément :

Par exemple <div id="title1" class="A B C">

Tapez juste : $("div#title1.A.B.C")