:has-pseudoluokka jQueryssä

Pseudoluokka has valitsee elementit niiden sisällön perusteella. Tarkastellaan esimerkkiä. Oletetaan, että meillä on seuraava HTML-koodi:

html<p>teksti <b>b</b>-tagilla</p>
<p>teksti <i><b>b</b></i>-tagilla</p>
<p>teksti</p>

Esimerkiksi, valitaan kaikki kappaleet, joiden sisällä on b-tagit:

javascript$('p:has(b)');

Huomaa, että esimerkissä valitaan sekä ensimmäinen kappale että toinen, vaikka toisessa kappaleessa b-tagi ei ole suoraan p:n sisällä, vaan on ensin i:n sisällä.

Jos tarvitset suoraa sisäkkäisyyttä, sinun tulee tehdä näin:

javascript$('p:has(>b)');

Tässä tapauksessa vain ensimmäinen kappale valitaan.