Méthode eq() de parcour jQuery

Guide de parcour jQuery

Exemple

En ajoutant une classe appropriée au div à l'index 2, il est rendu bleu :

$("body").find("div").eq(2).addClass("blue");

Essayez-le vous-même

Définition et utilisation

La méthode eq() réduit le jeu d'éléments correspondants à l'index spécifié.

Syntaxe

.eq(index)
Paramètre Description
index

Entier, indiquant la position de l'élément (le plus petit est 0).

Si c'est un nombre négatif, il est compté à partir du dernier élément du jeu.

Explication détaillée

Si un objet jQuery représentant un ensemble d'éléments DOM est fourni, la méthode .eq() construit un nouveau jQuery objet avec un élément du jeu. Le paramètre index utilisé indique la position de l'élément dans le jeu.

Voyez la liste simple suivante :

<ul>
  <li>Élément de liste 1</li>
  <li>Élément de liste 2</li>
  <li>Élément de liste 3</li>
  <li>Élément de liste 4</li>
  <li>Élément de liste 5</li>
</ul>

Exemple 1

Nous pouvons appliquer cette méthode à ce jeu de projets de liste :

$('li').eq(2).css('background-color', 'red');

Essayez-le vous-même

Le résultat de cette appelle est de définir le fond de l'élément 3 en rouge. Notez que l'index est basé sur zéro et qu'il s'agit de la position de l'élément dans l'objet jQuery, pas dans l'arbre DOM.

Exemple 2

Si un nombre négatif est fourni, cela indique une position à partir de la fin du jeu, plutôt qu'à partir du début. Par exemple :

$('li').eq(-2).css('background-color', 'red');

Essayez-le vous-même

Cette fois, le fond de l'élément 4 devient rouge, car il est le deuxième à partir de la fin du jeu.

Exemple 3

Si l'élément ne peut pas être trouvé en fonction du paramètre index spécifié, cette méthode construit un objet jQuery avec un ensemble vide, où la propriété length est 0.

$('li').eq(5).css('background-color', 'red');

Essayez-le vous-même

Ici, aucun élément de liste ne devient rouge, car .eq(5) indique l'élement de liste sixième.

Guide de parcour jQuery