jQuery-dagi index metodi

Agar biz to'plamdagi elementning raqamini topishimiz kerak bo'lsa, undabiz index metodidan foydalanishimiz mumkin.

Biz elementning o'ziga qo'shni elementlar nisbatan o'rni raqamini chiqarishimiz mumkin. Masalan, bizda raqamlangan ro'yxat mavjud:

html<ol>
  <li>matn</li>
  <li id="test">matn</li>
  <li>matn</li>
</ol>
<div>matn</div>

index metodi yordamida biz hozir div ning raqamini chiqaramiz:

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

Shuningdek, qo'shimcha ravishda selektorni ham o'tkazish mumkin. Quyidagi HTML kodini ko'rib chiqamiz:

html<ol>
  <li id="first">matn</li>
  <li id="test">matn</li>
  <li>matn</li>
</ol>
<div>matn</div>

Endi element nomiga qo'shimcha ravishda biz parametrlarga id nomini o'tkazamiz:

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

Agar bunday element topilmasa, metod -1 qiymatini qaytaradi.

Задание 1

Faqat element nomi yordamida li ning #test bilan raqamini oling.

Задание 2

Selektor nomini ham ko'rsatgan holda, li ning #first bilan raqamini oling.