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:

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

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

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

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

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

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