Метод index в jQuery

Если нам необходимо найти номер элемента в наборе, то мы можем воспользоваться методом index.

Мы можем вывести номер позиции элемента относительно соседних. Например, у нас есть нумерованный список:

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

С помощью метода index мы сейчас выведем номер div:

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

Также можно ещё дополнительно передать селектор. Рассмотрим следующий HTML код:

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

Теперь помимо названия тега элемента мы передаем в параметры имя id:

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

Если такого элемента не найдется, то метод вернет -1.

Получите номер li с #test с помощью только имени тега элемента.

Получите номер li с #first, указав еще и имя селектора.