Selektors has
Selektors :has atlasa elementus,
kas satur vismaz vienu elementu
atbilstoši norādītajam selektoram, ne vienmēr
tiešā pēcteča.
Tā kā :has nepieder CSS specifikācijai,
tai lai uzlabotu veiktspēju mūsdienu
pārlūkprogrammās, labāk tā vietā izmantot
$("jūsu css-selektors").has(selektors/DOM elements).
Sintakse
Tā mēs atlasām elementus:
javascript$(':has(selektors)');
Tā mēs atlasām elementus, ja nepieciešama tieša selektora iegulšana:
javascript$(':has(>selektors)');
Piemērs
Atlasīsim tikai tos rindkopas, kurām iekšā ir
atribūts b un
pievienosim tiem beigās tekstu '!!!':
html<p>teksts</p>
<p>teksts</p>
<p><b>trekns</b> teksts</p>
<p><b>trekns</b> teksts</p>javascript$('p:has(b)').append('!!!');
HTML kods izskatīsies šādi:
html<p>teksts</p>
<p>teksts</p>
<p><b>trekns</b> teksts!!!</p>
<p><b>trekns</b> teksts!!!</p>