jQuery kategorisinde filtrelerden bahsetmeye devam ediyorum, bundan sonra son bir yazı ile filtrelerin tamamından bahsetmiş olacağım. Bir önceki yazımda da belirttiğim gibi yine tekrar edeyim, bu filtreleri CSS ile de kullanabilirsiniz ama tarayıcı uyumsuzluğu gibi problemlerle karşılaşırsınız.

Geçelim örneklerimize

:contains() Filtresi

Parantez içinde belirtilen ifadeye sahip olan elemanı seçmemizi sağlar.

$('.liste p:contains("Apple")').css('background-color','#FF0');

Örneği incelemek için tıklayın

:empty Filtresi

Verilen seçici içinde nesne olmayan elemanı seçer.

$('.liste p:empty').css('background-color','#FF0');

Örneği incelemek için tıklayın

:has() Filtresi

Parantez içinde belirtilen nesneye sahip olan elemanı seçer. Bir önceki yazıda bahsettiğim :only-child filtresinin yapamadığını bu yapar :)

$('.liste p:has(a)').css('background-color','#FF0');

Örneği incelemek için tıklayın

:parent Filtresi

:empty filtresinin tam tersi yani içinde nesne olan elemanları seçer.

$('.liste p:parent').css('background-color','#FF0');

Örneği incelemek için tıklayın

Yukarıda yapılan örneklerin tamamını buradan indirebilirsiniz.