Selektor empty

Selektor :empty wybiera elementy, które nie mają elementów potomnych (czyli puste elementy, w których nie ma ani elementu, ani tekstu).

Składnia

Pobieranie pustych elementów:

javascript$(':empty');

Przykład

Mamy tabelkę table z zielonym tłem, znajdźmy komórki td, które nie mają w sobie ani tekstu, ani elementu, i pokolorujmy je na szary kolor:

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

Zobacz też

  • selektor parent,
    który wybiera elementy-rodziców
  • metoda css,
    która pozwala pobierać i zmieniać style CSS elementu