Selektor empty

Der Selektor :empty wählt Elemente aus, die keine Nachfahren haben (also leere Elemente, in denen sich weder ein Element noch Text befindet).

Syntax

Abrufen leerer Elemente:

javascript$(':empty');

Beispiel

Wir haben eine Tabelle table mit grünem Hintergrund, lassen Sie uns die Zellen td finden, die weder Text noch ein Element in sich haben, und sie grau einfärben:

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

Siehe auch

  • Selektor parent,
    der Elternelemente auswählt
  • Methode css,
    die das Abrufen und Ändern von CSS-Stilen eines Elements ermöglicht