Селектор empty

Селекторът :empty избира елементи, които нямат потомци (тоест празни елементи, в които няма нито елемент, нито текст).

Синтаксис

Получаване на празни елементи:

javascript$(':empty');

Пример

Имаме таблица table със зелен фон, нека намерим клетки td, които нямат вътре в себе си нито текст, нито елемент, и ги оцветим в сив цвят:

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'});

Вижте също

  • селектор parent,
    който избира елементи-родители
  • метод css,
    който позволява получаване и промяна на CSS стилове на елемент