Selettore empty

Il selettore :empty seleziona gli elementi che non hanno discendenti (cioè elementi vuoti, che non contengono né elementi, né testo).

Sintassi

Ottenere elementi vuoti:

javascript$(':empty');

Esempio

Abbiamo una tabella table con sfondo verde, troviamo le celle td che non contengono né testo, né elementi al loro interno, e coloriamole in grigio:

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

Vedi anche