Метод 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, като посочите и името на селектора.