jQuery :last Selector
Contoh
Memilih elemen <p> yang terakhir:
$("p:last")
Defenisi dan Penggunaan
Selektor :last adalah untuk memilih elemen yang terakhir dari elemen tertentu yang berada dalam satu halaman dokumen atau dalam satu grup elemen.
Note: Selektor ini hanya bisa memilih satu elemen saja. Gunakan selektor :last-child untuk memilih lebih dari satu elemen.
Selektor ini biasanya digunakan bersamaan dengan selektor lain untuk memilih elemen terakhir dalam satu grup elemen.
Tip: Untuk memilih elemen pertama dalam satu grup, gunakan selektor :first
Rumus
$(":last")
Contoh
$("tr:last").css("background-color", "green");
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:last").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:
