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.
x
1
<html>2
<head>3
<script src="https://cdn.rawgit.com/cholebeharia/blogku/1a8ade58/jquery.min.js"></script>4
</head>5
<body>6
<div id="contoh">Division 1</div>7
<div id="contohnya">Division 2</div>8
<div id="mencontoh">Division 3</div>9
<p id="contoh">Paragraf 1</p>10
<p id="contohnya">Paragraf 2</p>11
<p id="mencontoh">Paragraf 3</p>12
<script>13
$(document).ready(function() {14
$("div:eq(1)").css("background-color", "green");15
});16
</script>17
</body>18
</html>19
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.
