Sélecteur empty

Le sélecteur :empty sélectionne les éléments qui n'ont pas de descendants (c'est-à-dire les éléments vides qui ne contiennent ni élément, ni texte).

Syntaxe

Obtenir les éléments vides :

javascript$(':empty');

Exemple

Nous avons un tableau table avec un fond vert, trouvons les cellules td qui n'ont à l'intérieur ni texte, ni élément, et colorons-les en gris :

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

Voir aussi