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 :

html<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 :

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

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

html<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 :

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

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