Comment obtenir le nième élément jQuery

Question

Dans jQuery, $("...").get(3) renvoie le 3ème élément DOM. Quelle est la fonction pour retourner le 3ème élément jQuery?

Answer 1

Vous pouvez utiliser le sélecteur : eq , par exemple:

 $("td:eq(2)").css("color", "red"); // gets the third td element
 

Ou la fonction Traversing / eq :

 $("td").eq(2).css("color", "red");
 

Souvenez-vous également que les index sont basés sur zéro.

Answer 2

Pourquoi ne pas parcourir la page (courte) des sélecteurs en premier?

Le voici: l'opérateur :eq() . Il est utilisé comme get() , mais il renvoie l'objet jQuery.

Answer 3

Si vous avez le contrôle sur la requête qui construit l'objet jQuery, utilisez :eq()

 $("div:eq(2)")
 

Si vous ne pouvez pas le contrôler (par exemple, il est transmis depuis une autre fonction ou quelque chose d'autre), utilisez .eq()

 var $thirdElement = $jqObj.eq(2);
 

Ou si vous voulez une section d'entre eux (disons les troisième, quatrième et cinquième éléments), utilisez .slice()

 var $third4th5thElements = $jqObj.slice(2, 5);
 

Answer 4

Je pense que tu peux utiliser ça

 $("ul li:nth-child(2)").append("<span> - 2nd!</span>");
 

Il trouve le second li dans chaque ul apparié et le note.

Answer 5

.eq () - Un entier indiquant la position 0 de l'élément. Ex:

Considérons une page avec une liste simple:

 <ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>
 

Nous pouvons appliquer cette méthode à l'ensemble des éléments de la liste:

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

Pour plus d'informations: .eq ()