index მეთოდი jQuery-ში

თუ ჩვენ გვჭირდება ელემენტის ნომრის პოვნა ნაკრებში, მაშინ ჩვენ შეგვიძლია გამოვიყენოთ index მეთოდი.

ჩვენ შეგვიძლია გამოვიტანოთ ელემენტის პოზიციის ნომერი მეზობელებთან მიმართებაში. მაგალითად, ჩვენ გვაქვს ნუმერაციის სია:

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

index მეთოდის საშუალებით ჩვენ ახლა გამოვიტანთ div-ის ნომერს:

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

ასევე შესაძლებელია დამატებით სელექტორის გადაცემა. განვიხილოთ შემდეგი HTML კოდი:

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

ახლა ელემენტის თეგის სახელის გარდა ჩვენ პარამეტრებში ვწერთ id-ის სახელს:

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

თუ ასეთი ელემენტი არ მოიძებნება, მაშინ მეთოდი დააბრუნებს -1-ს.

Задание 1

მიიღეთ li-ის ნომერი #test-ით მხოლოდ ელემენტის თეგის სახელის გამოყენებით.

Задание 2

მიიღეთ li-ის ნომერი #first-ით, დამატებით სელექტორის სახელის მითითებით.