Selektor empty

Selektor :empty valib elemendid, millel pole järglasi (ehk tühjad elemendid, milles pole ei elementi ega teksti).

Süntaks

Tühjade elementide hankimine:

javascript$(':empty');

Näide

Meil on tabel table rohelise taustaga, leiame lahtrid td, millel pole sees ei teksti ega elementi, ja värvime need halliks:

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

Vaata ka

  • selektor parent,
    mis valib vanematelemendid
  • meetod css,
    mis võimaldab saada ja muuta elemendi CSS stiile