Метод 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.