Metoda index v jQuery

Če moramo najti številko elementa v nizu, lahko uporabimo metodo index.

Lahko izpišemo številko položaja elementa glede na sosednje elemente. Na primer, imamo oštevilčen seznam:

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

Z metodo index bomo zdaj izpisali številko div:

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

Prav tako lahko dodatno podamo selektor. Razmislimo o naslednji HTML kodi:

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

Zdaj poleg imena oznake elementa v parametre podamo ime id:

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

Če takšnega elementa ne najdemo, bo metoda vrnila -1.

Задание 1

Pridobite številko li z #test z uporabo samo imena oznake elementa.

Задание 2

Pridobite številko li z #first, tako da navedete še ime selektorja.