Empty-selector

Selectoren :empty velger elementer som ikke har noen etterkommere (dvs. tomme elementer som ikke inneholder verken elementer eller tekst).

Syntaks

Hente tomme elementer:

javascript$(':empty');

Eksempel

Vi har en tabell med grønn bakgrunn, la oss finne celler td som ikke har noen tekst inni seg, eller noe element, og fargelegge dem i grått:

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 også

  • selectoren parent,
    som velger foreldreelementer
  • metoden css,
    som lar deg hente og endre CSS-stiler for et element