Has-selectorn
Selectorn :has väljer element
som innehåller minst ett element
enligt given selector, inte nödvändigtvis
ett direkt barn.
Eftersom :has inte tillhör CSS-specifikationen,
så är det för bättre prestanda i moderna
webbläsare bättre att istället använda
$("din css-selector").has(selector/DOM-element).
Syntax
Så här väljer vi element:
javascript$(':has(selector)');
Så här väljer vi element, om direkt inbäddning av selector behövs:
javascript$(':has(>selector)');
Exempel
Låt oss välja endast de stycken som inuti har
taggen b och
sätta texten '!!!' i slutet för dem:
html<p>text</p>
<p>text</p>
<p><b>fet</b> text</p>
<p><b>fet</b> text</p>javascript$('p:has(b)').append('!!!');
HTML-koden kommer att se ut så här:
html<p>text</p>
<p>text</p>
<p><b>fet</b> text!!!</p>
<p><b>fet</b> text!!!</p>