Has-selector
Selectoren :has vælger elementer,
der indeholder mindst ét element
i henhold til den givne selector, ikke nødvendigvis
et direkte undert element.
Da :has ikke hører til CSS-specifikationen,
er det for bedre ydeevne i moderne
browsere at bruge
$("dit css-selector").has(selector/DOM element) i stedet.
Syntaks
Sådan vælger vi elementer:
javascript$(':has(selector)');
Sådan vælger vi elementer, hvis der kræves umiddelbar indlejring af selectoren:
javascript$(':has(>selector)');
Eksempel
Lad os vælge de afsnit, der indeholder
tagget b og
tilføje teksten '!!!' til slutningen af dem:
html<p>tekst</p>
<p>tekst</p>
<p><b>fed</b> tekst</p>
<p><b>fed</b> tekst</p>javascript$('p:has(b)').append('!!!');
HTML-koden vil se sådan ud:
html<p>tekst</p>
<p>tekst</p>
<p><b>fed</b> tekst!!!</p>
<p><b>fed</b> tekst!!!</p>