Metoda index në jQuery

Nëse na duhet të gjejmë numrin e një elementi në një grup, atëherë mund të përdorim metodën index.

Ne mund të shfaqim numrin e pozitës së elementit në raport me elementët fqinjë. Për shembull, ne kemi një listë të numëruar:

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

Me ndihmën e metodës index ne tani do të shfaqim numrin e div:

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

Gjithashtu, mund të kaloni një selektor shtesë. Le të shqyrtojmë kodin HTML vijues:

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

Tani, përveç emrit të tagut të elementit, ne e kalojmë në parametra emrin e id:

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

Nëse një element i tillë nuk gjendet, metoda do të kthejë -1.

Задание 1

Merrni numrin e li me #test duke përdorur vetëm emrin e tagut të elementit.

Задание 2

Merrni numrin e li me #first, duke specifikuar gjithashtu emrin e selektorit.