:has() Seçicisi

has selector
Açıklama : Veerilen seçici deyimde en az bir alt elemanı olan elemanları seçer.

jQuery( ":has(selector)" ) Eklendiği Versiyon 1.1.4
selector : Herhangi bir seçici deyim.

Örneğin $( "div:has(p)" ) seçicisi torunlarında (sadece çocuklarında değil) herhangi bir <p> elemanı olan <div> elemanlarını bulur.


İlave Notlar :

  • Bu :has() seçicisi bir JQuery eklentisi olup standart CSS seçici olmadığı için, standart DOM querySelectorAll() metodunun performansında olamaz. Modern tarayıcılarda daha iyi performans için $("saf-css-seçici").has(seçici/DOMElemanı) şeklinde kullanınız.


Örnekler:

İçinde paragraf olan tüm <div> elemanlarına test sınıf adı ekle.

<style>
   .test { border: 3px inset red; }
</style>
 
<div><p>Bir paragraf içinden merhaba.</p></div>
<div>Tekrar merhaba! (paragrafsız)</div>
 
<script>
   $( "div:has(p)" ).addClass( "test" );
</script>

Bir paragraf içinden merhaba.

Tekrar merhaba! (paragrafsız)

.

.