Metoden index i jQuery

Hvis vi trenger å finne nummeret til et element i et sett, kan vi bruke metoden index.

Vi kan vise posisjonsnummeret til et element i forhold til naboene. For eksempel, har vi en nummert liste:

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

Ved hjelp av metoden index skal vi nå vise nummeret til div:

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

Man kan også i tillegg sende en selektor. La oss se på følgende HTML-kode:

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

Nå, foruten elementets taggnavn, sender vi inn id-navnet i parameterne:

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

Hvis et slikt element ikke blir funnet, vil metoden returnere -1.

Задание 1

Få nummeret til li med #test ved hjelp av kun elementets taggnavn.

Задание 2

Få nummeret til li med #first, ved å oppgi et selektornavn i tillegg.