Метод index в jQuery

Ако трябва да намерим номера на елемент в набор, тогава можем да използваме метода index.

Можем да изведем номера на позицията на елемента спрямо съседните. Например, имаме номериран списък:

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

С помощта на метода index сега ще изведем номера на div:

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

Също така може допълнително да се подаде селектор. Нека разгледаме следния HTML код:

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

Сега освен името на елементния таг подаваме в параметрите името на id:

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

Ако такъв елемент не бъде намерен, тогава методът ще върне -1.

Задание 1

Вземете номера на li с #test като използвате само името на елементния таг.

Задание 2

Вземете номера на li с #first, като посочите и името на селектора.