Selector :odd dalam JQuery

: odd

Digunakan untuk memilih elemen yang mempunyai nilai genap seperti 2,4,6,8,10.

Contoh:

Buatlah satu file bernama odd.html, lalu isi dengan kode dibawah ini:

<html>
<head>
<title>Selector : odd</title>
<script language=”javascript” src=”jquery-1.4.2.js”></script>
<script language=”javascript”>
$(document).ready(function(){
$(“tr:odd”).css(“background-color”,”#cef”);
});
</script>
</head>
<body>
<table border=”1″>
<tr>
<td>Baris 1</td>
</tr>
<tr>
<td>Baris 2</td>
</tr>
<tr>
<td>Baris 3</td>
</tr>
<tr>
<td>Baris 4</td>
</tr>
<tr>
<td>Baris 5</td>
</tr>
<tr>
<td>Baris 6</td>
</tr>
<tr>
<td>Baris 7</td>
</tr>
<tr>
<td>Baris 8</td>
</tr>
<tr>
<td>Baris 9</td>
</tr>
<tr>
<td>Baris 10</td>
</tr>
</table>
</body>
</html>

Hasil:
Buka file odd.html dari browsermu maka akan menampilkan tabel seperti terlihat pada gambar dibawah ini:

Keterangan:

  • tr:odd, Kode ini berarti baris yang mempunyai urutan genap yang akan diberi warna.

Jika tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura’.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *