La méthode index dans jQuery

Si nous avons besoin de trouver la position d'un élément dans un ensemble, nous pouvons utiliser la méthode index.

Nous pouvons afficher la position numérique de l'élément par rapport à ses voisins. Par exemple, prenons une liste numérotée :

<ol>
	<li>texte</li>
	<li id="test">texte</li>
	<li>texte</li>
</ol>
<div>texte</div>

A l'aide de la méthode index, nous allons maintenant afficher la position du div :

let num = $('div').index();
alert(num);

Il est également possible de passer un sélecteur supplémentaire en paramètre. Examinons le code HTML suivant :

<ol>
	<li id="first">texte</li>
	<li id="test">texte</li>
	<li>texte</li>
</ol>
<div>texte</div>

Maintenant, en plus du nom de la balise de l'élément, nous passons le nom de l'id dans les paramètres :

let num = $('li').index($('#test'));
alert(num);

Si un tel élément n'est pas trouvé, la méthode renverra -1.

Obtenez la position du li avec #test en utilisant uniquement le nom de la balise de l'élément.

Obtenez la position du li avec #first, en spécifiant également le nom du sélecteur.