Seletor empty

O seletor :empty seleciona elementos que não possuem descendentes (ou seja, elementos vazios, que não contêm nem elementos, nem texto).

Sintaxe

Obter elementos vazios:

javascript$(':empty');

Exemplo

Temos uma tabela table com fundo verde, vamos encontrar as células td que não possuem nem texto nem elementos dentro delas, e colori-las em cinza:

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

Veja também