Selektor empty

Selektor :empty vyberá prvky, ktoré nemajú žiadnych potomkov (čiže prázdne prvky, v ktorých nie je žiadny element ani text).

Syntax

Získanie prázdnych prvkov:

javascript$(':empty');

Príklad

Máme tabuľku table s zeleným pozadím, nájdime bunky td, ktoré nemajú vo vnútri ani text, ani element, a zafarbíme ich na sivú:

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

Pozri tiež

  • selektor parent,
    ktorý vyberá prvky-rodičia
  • metóda css,
    ktorá umožňuje získať a zmeniť CSS štýly prvku