Selectorul has
Selectorul :has selectează elementele,
care conțin cel puțin un element
conform selectorului dat, nu neapărat
un descendent direct.
Deoarece :has nu face parte din specificația CSS,
pentru o performanță mai bună în browserele
moderne este mai bine să folosiți în locul său
$("selectorul dvs. css").has(selector/element DOM).
Sintaxă
Așa selectăm elementele:
$(':has(selector)');
Așa selectăm elementele, dacă este necesară o imbricare directă a selectorului:
$(':has(>selector)');
Exemplu
Să selectăm doar acele paragrafe care au în interior
tag-ul b și
să adăugăm la sfârșit textul '!!!':
<p>text</p>
<p>text</p>
<p><b>bold</b> text</p>
<p><b>bold</b> text</p>
$('p:has(b)').append('!!!');
Codul HTML va arăta astfel:
<p>text</p>
<p>text</p>
<p><b>bold</b> text!!!</p>
<p><b>bold</b> text!!!</p>