jQuery – Accéder au énième élément retourné par un sélecteur

Utilisez l’opérateur :eq() et précisez l’index de l’élément entre les parenthèses.

Par exemple, pour surligner en jaune le deuxième li du document, utilisez cette instruction :

$('li:eq(1)').css('background-color','yellow');

Comme vous pouvez le remarquer, l’index des éléments commence à 0 et non à 1

Exercice

Surlignez en jaune le quatrième élément li de classe impair

Solution

$('li[class="impair"]:eq(3)').css('background-color','yellow');