A :has pszeudoosztály jQuery-ben
A
has
pszeudoosztály az elemeket a tartalmuk alapján választja ki. Nézzünk egy példát.
Tegyük fel, hogy a következő HTML kódunk van:
<p>szöveg <b>b</b> taggel</p>
<p>szöveg <i><b>b</b></i> taggel</p>
<p>szöveg</p>
Például
válasszuk ki az összes bekezdést, amelyekben vannak
b
tagek:
$('p:has(b)');
Figyeljük meg, hogy a példában az első és a második bekezdés is ki lesz választva,
annak ellenére, hogy a második bekezdésben a b
tag nem közvetlenül a p
belül helyezkedik el,
hanem először egy i
tagben van.
Ha közvetlen egymásba ágyazottságra van szükséged, akkor ezt kell tenni:
$('p:has(>b)');
Ebben az esetben csak az első bekezdés lesz kiválasztva.
Válaszd ki és színezd pirosra az összes
h2 elemet, amelyekben van i tag.
Válaszd ki és színezd pirosra az összes
h2 elemet, amelyek közvetlenül tartalmaznak
i taget.