jQuery :first Selector
Contoh
Memilih elemen <p> yang pertama
$("p:first")
Defenisi dan Penggunaan
Selektor :first adalah untuk memilih elemen tertentu yang paling awal, atau pertama.
Note: Selektor ini hanya bisa memilih satu saja elemen. Gunakan selektor :first-child untuk memilih lebih dari satu elemen yang memilik induk elemen yang sama.
Tip: Untuk memilih elemen terakhir yang tergabung dalam group yang sama, gunakanlah selektor :last
Rumus
$(":first")
Contoh
$("tr:first").css("background-color", "green");
Mewarnai latar belakang dari elemen "tr" yang pertama, 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:first").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:
