Selektor empty

Selektor :empty vybírá prvky, které nemají potomky (tj. prázdné prvky, ve kterých není žádný prvek ani text).

Syntaxe

Získání prázdných prvků:

javascript$(':empty');

Příklad

Máme tabulku table se zeleným pozadím, pojďme najít buňky td, které nemají uvnitř sebe ani text, ani prvek, a obarvíme je šedou barvou:

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

Podívejte se také na

  • selektor parent,
    který vybírá prvky-rodiče
  • metoda css,
    která umožňuje získávat a měnit CSS styly prvku