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:

javascript$(':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:

html<table>
  <tr><td>aaa</td><td></td></tr>
  <tr><td>bbb</td><td></td></tr>
  <tr><td>ccc</td><td></td></tr>
</table>

csstable {
  border: 1px;
}
  
td {
  width: 40px;
  background: green;
} 

javascript$('td:empty').css({background: '#ccc'});

Xem thêm