Empty selektors

Selektors :empty atlasa elementus, kuriem nav pēcteču (tas ir, tukšos elementus, kuros nav ne elementa, ne teksta).

Sintakse

Tukšo elementu iegūšana:

javascript$(':empty');

Piemērs

Mums ir tabula table ar zaļu fona krāsu, atradīsim šūnas td, kuras sevī nesatur ne tekstu, ne elementu, un iekrāsosim tās pelēkā krāsā:

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

Skatiet arī