Metoda index v jQuery

Pokud potřebujeme najít pořadové číslo prvku v sadě, můžeme použít metodu index.

Můžeme vypsat pořadové číslo prvku vůči sousedním. Například máme číslovaný seznam:

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

Pomocí metody index nyní vypíšeme číslo div:

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

Také je možné dodatečně předat selektor. Podívejme se na následující HTML kód:

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

Nyní kromě názvu tagu prvku předáváme v parametrech jméno id:

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

Pokud takový prvek nebude nalezen, metoda vrátí -1.

Задание 1

Získejte číslo li s #test použitím pouze názvu tagu prvku.

Задание 2

Získejte číslo li s #first, uvedením také jména selektoru.