jQuery да index методи

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

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

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

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

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

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

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

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

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

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