Az empty szelektor

A :empty szelektor olyan elemeket választ ki, amelyeknek nincs leszármazottjuk (vagyis üres elemek, amelyekben nincs sem elem, sem szöveg).

Szintaxis

Üres elemek lekérése:

javascript$(':empty');

Példa

Van egy táblázat zöld háttérrel, keressük meg azokat a td cellákat, amelyeknek nincs bennük sem szöveg, sem elem, és színezzük szürkére:

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

Lásd még

  • a parent szelektor,
    amely szülő elemeket választ ki
  • a css metódus,
    amely lehetővé teszi elemek CSS stílusainak lekérését és módosítását