Bộ chọn empty
Bộ chọn :empty chọn các phần tử
không có phần tử con (tức là các phần tử rỗng,
bên trong không có phần tử nào, cũng không có văn bản).
Cú pháp
Lấy các phần tử rỗng:
$(':empty');
Ví dụ
Chúng ta có một bảng
table
với nền màu xanh lá cây, hãy tìm các ô td
không có văn bản hoặc phần tử nào bên trong,
và tô màu xám cho chúng:
<table>
<tr><td>aaa</td><td></td></tr>
<tr><td>bbb</td><td></td></tr>
<tr><td>ccc</td><td></td></tr>
</table>
table {
border: 1px;
}
td {
width: 40px;
background: green;
}
$('td:empty').css({background: '#ccc'});
