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:

<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:

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

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

<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:

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

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

Sadece öğe etiket adını kullanarak #test numaralı li'nin numarasını alın.

Ayrıca bir seçici adı belirterek #first numaralı li'nin numarasını alın.