Empty-selectorn

Selectorn :empty väljer element som inte har några barn (det vill säga tomma element som varken innehåller element eller text).

Syntax

Hämta tomma element:

javascript$(':empty');

Exempel

Vi har en table med grön bakgrund, låt oss hitta td-celler som inte har någon text eller element inuti sig, och färga dem grå:

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

Se även

  • selectorn parent,
    som väljer parent-element
  • metoden css,
    som låter dig hämta och ändra CSS-stilar för ett element