Il metodo index in jQuery

Se abbiamo bisogno di trovare il numero di un elemento in un set, possiamo utilizzare il metodo index.

Possiamo visualizzare il numero di posizione dell'elemento relativo ai suoi adiacenti. Ad esempio, abbiamo una lista numerata:

html<ol>
  <li>testo</li>
  <li id="test">testo</li>
  <li>testo</li>
</ol>
<div>testo</div>

Con l'aiuto del metodo index ora visualizzeremo il numero del div:

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

È anche possibile passare ulteriormente un selettore. Consideriamo il seguente codice HTML:

html<ol>
  <li id="first">testo</li>
  <li id="test">testo</li>
  <li>testo</li>
</ol>
<div>testo</div>

Ora, oltre al nome del tag dell'elemento, passiamo nei parametri il nome dell'id:

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

Se tale elemento non viene trovato, il metodo restituirà -1.