:empty Seçicisi

empty selector

Açıklama : İçinde hiçbir eleman ya da yazı olmayan elemanları seçer.

jQuery( ":empty" ) Eklendiği Versiyon 1.0

Bu seçici :parent seçicinin tersidir.

Empty ve parent seçicilerin ortak özelliği çocuk elemanlarda yazı nod'larının da olmasıdır.

W3C <p> elemanlarının en az bir çocuğu olmasını tavsiye eder, sadece yazı bile olsa ( buraya bakınız ). Diğer taraftan bazı elemanların da içleri boştur (çocukları yoktur), mesela <input>, <img>, <br>, ve <hr>.

Örnekler:

Boş olan tüm elemanları bulur - içinde eleman olmayan ya da yazı olmayan.

<style>
   td { text-align: center; }
</style>
 
<table border="1">
   <tr><td>TD #0</td><td></td></tr>
   <tr><td>TD #2</td><td></td></tr>
   <tr><td></td><td>TD#5</td></tr>
</table>
 
<script>
   $( "td:empty" )
      .text( "Was empty!" )
      .css( "background", "rgb(255,220,200)" );
</script>

TD #0
TD #2
	TD#5