Metode eq() Perulangan jQuery

Referensi Perulangan jQuery

Contoh

Melalui menambahkan kelas yang sesuai untuk div dengan index 2, menjadikannya biru:

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

Coba sendiri

Definisi dan Penggunaan

Metode eq() akan memperkecil kumpulan elemen yang cocok ke satu yang ditentukan oleh index.

Sintaks

.eq(index)
Parameter Deskripsi
index

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

Jika bilangan negatif, itu menghitung kembali dari elemen terakhir dalam koleksi.

Keterangan Detil

Jika diberikan objek jQuery yang mewakili koleksi elemen DOM, metode .eq() akan membangun objek jQuery baru dari elemen dalam koleksi. Parameter index menunjukkan posisi elemen dalam 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 untuk koleksi item daftar ini:

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

Coba sendiri

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

Contoh 2

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

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

Coba sendiri

Kali ini, latar belakang item ke-4 menjadi merah, karena itu adalah kedua dari akhir koleksi.

Contoh 3

Jika elemen tidak dapat ditemukan berdasarkan parameter index yang disebutkan, metode ini akan membangun objek jQuery dengan koleksi kosong, properti lengthnya 0.

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

Coba sendiri

Disini, tidak ada item daftar yang menjadi merah, karena .eq(5) menunjukkan item daftar keenam.

Referensi Perulangan jQuery