jQuery :odd Selector
Contoh
Memilih setiap elemen <tr> yang bernomor indeks ganjil:
$("tr:odd")
Defenisi dan Penggunaan
Selektor :odd adalah untuk memilih tiap elemen pada urutan indeks bernomor ganjil (sepert: 1, 3, 5, dst.).
Nomor index dihitung mulai dari 0.
Tip: Gunakan selektor :even untuk memilih elemen dengan nomor index genap.Rumus
$(":odd")
Contoh
$("tr:odd").css("background-color", "green");
Mewarnai latar belakang dari tiap elemen "tr" yang urutan indeksnya bernomor ganjil, 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
<table border="1" width="100%">7
<tr>8
<td>B1 K1</td><td>B1 K2</td><td>B1 K3</td>9
</tr>10
<tr>11
<td>B2 K1</td><td>B2 K2</td><td>B2 K3</td>12
</tr>13
<tr>14
<td>B3 K1</td><td>B3 K2</td><td>B3 K3</td>15
</tr>16
<tr>17
<td>B4 K1</td><td>B4 K2</td><td>B4 K3</td>18
</tr>19
<tr>20
<td>B5 K1</td><td>B5 K2</td><td>B5 K3</td>21
</tr>22
<tr>23
<td>B6 K1</td><td>B6 K2</td><td>B6 K3</td>24
</tr>25
</table>26
<script>27
$(document).ready(function(){28
$("tr:odd").css("background-color","lightgreen");29
});30
</script>31
</body>32
</html>Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.
Hasilnya:
