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:

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

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

È anche possibile passare ulteriormente un selettore. Consideriamo il seguente codice 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:

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

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

Ottieni il numero del li con #test utilizzando solo il nome del tag dell'elemento.

Ottieni il numero del li con #first, specificando anche il nome del selettore.