Metode index di jQuery

Jika kita perlu menemukan nomor elemen dalam kumpulan, maka kita dapat menggunakan metode index.

Kita dapat menampilkan nomor posisi elemen relatif terhadap elemen tetangganya. Misalnya, kita memiliki daftar bernomor:

<ol>
	<li>teks</li>
	<li id="test">teks</li>
	<li>teks</li>
</ol>
<div>teks</div>

Dengan menggunakan metode index sekarang kita akan tampilkan nomor div:

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

Kita juga dapat secara opsional meneruskan sebuah selector. Perhatikan kode HTML berikut:

<ol>
	<li id="first">teks</li>
	<li id="test">teks</li>
	<li>teks</li>
</ol>
<div>teks</div>

Sekarang selain nama tag elemen kita meneruskan nama id dalam parameter:

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

Jika elemen seperti itu tidak ditemukan, maka metode akan mengembalikan -1.

Dapatkan nomor li dengan #test dengan hanya menggunakan nama tag elemen.

Dapatkan nomor li dengan #first, dengan menyebutkan juga nama selector.