Perantauan jQuery - Metode eq()

Panduan Lengkap Perantauan jQuery

Contoh

Dengan menambahkan kelas yang sesuai untuk div dengan index 2, dirubah warna menjadi biru:

$("body").find("div").eq(2).addClass("blue");

Coba sendiri

Definisi dan penggunaan

Metode eq() akan memotong koleksi elemen yang cocok ke elemen yang ditunjukkan oleh index yang ditentukan.

Sintaks

.eq(index)
Parameter Deskripsi
index

Bilangan bulat, menunjukkan posisi elemen (terkecil adalah 0).

Jika negatif, hitung kembali dari elemen terakhir dalam koleksi.

Keterangan detil

Jika objek jQuery yang mewakili koleksi elemen DOM diberikan, metode .eq() akan membuat objek jQuery baru dengan elemen dari koleksi.

Lihat daftar sederhana ini di bawah:

<ul>
  <li>item daftar 1</li>
  <li>item daftar 2</li>
  <li>item daftar 3</li>
  <li>item daftar 4</li>
  <li>item daftar 5</li>
</ul>

Contoh 1

Kami dapat menerapkan metode ini ke koleksi item daftar ini:

$('li').eq(2).css('background-color', 'red');

Coba sendiri

Hasil panggilan ini adalah mengatur latar belakang item 3 menjadi merah. Perhatikan bahwa index adalah berdasarkan nol dan mengacu ke posisi elemen di objek jQuery, bukan di pohon DOM.

Contoh 2

Jika angka negatif disediakan, itu menunjukkan posisi dari akhir koleksi, bukan dari awal. Contohnya:

$('li').eq(-2).css('background-color', 'red');

Coba sendiri

Kali ini, latar belakang item 4 menjadi merah, kerana ia adalah kedua dari akhir koleksi.

Contoh 3

Jika objek jQuery yang mengandung koleksi kosong dibuat karena index yang diberikan tidak dapat ditemukan, atribut lengthnya adalah 0.

$('li').eq(5).css('background-color', 'red');

Coba sendiri

Di sini, tiada item daftar akan berwarna merah, kerana .eq(5) yang menunjukkan ke item daftar keenam.

Panduan Lengkap Perantauan jQuery