:has-pseudoluokka jQueryssä
Pseudoluokka
has
valitsee elementit niiden sisällön perusteella. Tarkastellaan esimerkkiä.
Oletetaan, että meillä on seuraava HTML-koodi:
<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:
$('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:
$('p:has(>b)');
Tässä tapauksessa vain ensimmäinen kappale valitaan.
Hae ja väritä punaiseksi kaikki
h2-elementit, joiden sisällä on i-tagi.
Hae ja väritä punaiseksi kaikki
h2-elementit, jotka sisältävät suoraan
i-tagin.
