jQuery да index методи

Агар бизга элементнинг тўпламдаги номерини топиш керак бўлса, унда биз index методидан фойдаланишимиз мумкин.

Биз элементнинг қўшниларига нисбатан ўрнининг номерини чиқаришимиз мумкин. Масалан, бизда рақамланган рўйхат мавжуд:

<ol>
	<li>матн</li>
	<li id="test">матн</li>
	<li>матн</li>
</ol>
<div>матн</div>

index методи ёрдамида биз ҳозир divнинг номерини чиқарамиз:

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

Яна қўшимча равишда селекторни бериш мумкин. Куйидаги HTML кодни кўриб чиқамиз:

<ol>
	<li id="first">матн</li>
	<li id="test">матн</li>
	<li>матн</li>
</ol>
<div>матн</div>

Энди биз элементнинг тег номи билан бирга параметрларга id номини ҳам берамиз:

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

Агар бундай элемент топилмаса, метод -1 қайтаради.

liнинг #test билан номерини фақат элементнинг тег номи ёрдамида олинг.

liнинг #first билан номерини, селектор номини ҳам кўрсатиб олинг.