jQuery-də index metodu

Əgər bizə çoxluqda elementin nömrəsini tapmaq lazımdırsa, onda biz index metodundan istifadə edə bilərik.

Biz elementin qonşulara nisbətən mövqe nömrəsini çıxara bilərik. Məsələn, bizim nömrələnmiş siyahımız var:

html<ol>
  <li>mətn</li>
  <li id="test">mətn</li>
  <li>mətn</li>
</ol>
<div>mətn</div>

index metodu vasitəsilə indi div-in nömrəsini çıxaracağıq:

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

Həmçinin əlavə olaraq selektor da ötürmək olar. Aşağıdakı HTML koduna baxaq:

html<ol>
  <li id="first">mətn</li>
  <li id="test">mətn</li>
  <li>mətn</li>
</ol>
<div>mətn</div>

İndi elementin teq adı ilə yanaşı, parametrlərə id adını da ötürürük:

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

Əgər belə bir element tapılmasa, metod -1 qaytaracaq.

Задание 1

Yalnız elementin teq adından istifadə edərək #test olan li-in nömrəsini əldə edin.

Задание 2

Selektorun adını da göstərməklə, #first olan li-in nömrəsini əldə edin.