jQuery'de index Metodu

Bir kümedeki bir öğenin numarasını bulmamız gerekiyorsa, index metodundan yararlanabiliriz.

Bir öğenin konum numarasını, komşularına göre çıktılayabiliriz. Örneğin, numaralı bir listemiz var:

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

index metodu yardımıyla şimdi div'nin numarasını çıktılayacağız:

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

Ayrıca isteğe bağlı olarak bir seçici de iletebiliriz. Şu HTML kodunu ele alalım:

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

Şimdi öğenin etiket adının yanı sıra parametrelere id adını da iletiyoruz:

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

Eğer böyle bir öğe bulunamazsa, metod -1 döndürecektir.