:parent Seçicisi

parent selector
Açıklama : İçinde en az bir çocuk node olan (eleman ya da yazı) ebeveynleri bulur.

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

Bu seçici :empty seçicisinin tersidir.

:parent (ve :empty ) seçicisinin en önemli özelliği yazı içerikleri de sayması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>.

Bir jQuery eleman setinin ebeveyni ya da atalarını bulmak için .parent() ve .parents() metodlarına bakınız.


İlave Notlar :

Bu :parent seçicisi bir standart CSS olmayıp jQuery eklentisi olduğu için JavaScript'in querySelectorAll() metodunun performansından yararlanamaz. Daha iyi performans için önce elemanları saf CSS seçicilerle seçip sonra .filter(":parent") kullanınız.



Örnekler:

Yazı da olsa child node sahibi ebeveynleri bul.

<style>
   td {
      width: 40px;
      background: green;
   }
</style>
<table border="1">
   <tr><td>Value 1</td><td></td></tr>
   <tr><td>Value 2</td><td></td></tr>
</table>
 
<script>
   $("td:parent").fadeTo( 1500, 0.3 );
</script>
Value 1
Value 2

.

.