Селектор 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 стилови елемента