jQuery :empty Selector
Contoh
Memilih seluruh elemen yang kosong.
$(":empty")
Defenisi dan Penggunaan
Selektor :empty adalah untuk memilih seluruh elemen yang kosong.
Elemen kosong adalah elemen yang tidak memiliki elemen turunan dan atau yang tidak memiliki teks.
Rumus
$(":empty")
Contoh
$("td:empty").css("background-color", "green");
Mewarnai latar belakang dari elemen "td" yang kosong isinya atau yang tidak memiliki elemen turunan menjadi warna hijau.
x
1
<html>2
<head>3
<script src="https://cdn.rawgit.com/cholebeharia/blogku/1a8ade58/jquery.min.js"></script>4
<style>5
p {font-size: 8px;}6
</style>7
</head>8
<body>9
<table border="1">10
<tr>11
<td>B1 K1</td><td>B1 K2</td>12
</tr>13
<tr>14
<td>B2 K1</td><td></td>15
</tr>16
<tr>17
<td>B3 K1</td><td>B3 K2</td>18
</tr>19
</table>20
<p>cat: <br>B = Baris<br>K = Kolom</p>21
<script>22
$(document).ready(function(){23
$("td:empty").css("background-color", "green");24
});25
</script>26
</body>27
</html>Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.
Hasilnya:
Pada contoh tabel di atas, semua baris dan kolom ada isinya kecuali yang berwarna hijau, yaitu Baris ke-2 dan Kolom ke-2 dari tabel.
