Selektor empty

Selektor :empty bira elemente, koji nemaju potomaka (to jest prazne elemente, u kojima nema ni elementa, ni teksta).

Sintaksa

Dobijanje praznih elemenata:

javascript$(':empty');

Primer

Imamo tabelu table sa zelenom pozadinom, hajde da pronađemo ćelije td, koje unutar sebe nemaju ni tekst, ni element, i obojimo ih u sivu boju:

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

Pogledajte takođe

  • selektor parent,
    koji bira elemente-roditelje
  • metod css,
    koji omogućava dobijanje i menjanje CSS stilova elementa