Selectorul empty

Selectorul :empty selectează elementele, care nu au descendenti (adică elementele goale, în care nu există nici element, nici text).

Sintaxă

Obținerea elementelor goale:

javascript$(':empty');

Exemplu

Avem un tabel table cu fundal verde, să găsim celulele td, care nu conțin nici text, nici elemente în interior, și să le colorăm în culoarea gri:

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

Vezi și