Empty Seçici

:empty seçicisi, alt öğesi olmayan (yani içinde ne element ne de metin bulunan boş elementleri) seçer.

Sözdizimi

Boş elementleri elde etme:

javascript$(':empty');

Örnek

Yeşil arka plana sahip bir table tablomuz var, hadi içinde ne metin ne de element bulundurmayan td hücrelerini bulup gri renge boyayalım:

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

Ayrıca Bakınız

  • üst elementleri seçen parent seçicisi
  • elementin CSS stillerini almayı ve değiştirmeyi sağlayan css metodu