jQuery-ի index մեթոդը

Եթե մեզ անհրաժեշտ է գտնել տարրի համարը հավաքածուում, ապա մենք կարող ենք օգտագործել 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-ով, նշելով նաև սելեկտորի անունը։