De empty-selector

De selector :empty selecteert elementen die geen afstammelingen hebben (dus lege elementen, die geen enkel element of tekst bevatten).

Syntaxis

Het verkrijgen van lege elementen:

javascript$(':empty');

Voorbeeld

We hebben een table met een groene achtergrond, laten we de td cellen vinden die geen tekst of elementen binnenin hebben, en ze grijs kleuren:

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

Zie ook