Friday, 13 October 2017

Memilih Elemen Pada Urutan Index Tertentu Menggunakan Jquery

jQuery :eq() Selector

Contoh

Memilih elemen <p> yang kedua.

$("p:eq(1)")

Defenisi dan Penggunaan

Selektor :eq() adalah untuk memilih elemen pada urutan index tertentu.

Nomor indeks dimulai dari 0, jadi elemen pertama selalu berindeks 0 bukan 1.


Rumus

$(":eq(index)")

Parameter Keterangan
index Harus ada. Menentukan urutan indeks dari ssuatu elemen

Contoh

$("div:eq(1)").css("background-color", "green");

Mewarnai latar belakang dari elemen "div" yang kedua atau elemen "div pada urutan indeks ke-1" menjadi warna hijau.

Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.

Hasilnya:

Cobalah untuk mengganti selector nya menjadi "p:eq(1)", maka elemen "p" yang kedua akan berwarna hijau.

Memilih Elemen Pada Urutan Index Tertentu Menggunakan Jquery Rating: 4.5 Diposkan Oleh: ChooLebeharia