index metode jQuery

Ja mums ir jāatrod elementa numurs kopā, tad mēs varam izmantot metodi index.

Mēs varam izvadīt elementa pozīcijas numuru attiecībā pret blakus elementiem. Piemēram, mums ir numurēts saraksts:

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

Ar metodes index palīdzību mēs tagad izvadīsim div numuru:

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

Var arī papildus padot selektoru. Apskatīsim šādu HTML kodu:

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

Tagad papildus elementa tag nosaukumam mēs padodam parametros id nosaukumu:

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

Ja tāds elements netiks atrasts, tad metode atgriezīs -1.

Задание 1

Iegūstiet li numuru ar #test izmantojot tikai elementa tag nosaukumu.

Задание 2

Iegūstiet li numuru ar #first, norādot arī selektora nosaukumu.