Selektor has
Selektor :has vyberá prvky,
ktoré obsahujú aspoň jeden prvok
podľa zadaného selektora, nie nevyhnutne
priameho potomka.
Pretože :has nepatrí do špecifikácie CSS,
pre zlepšenie výkonu v moderných
prehliadačoch je lepšie namiesto neho použiť
$("váš css-selektor").has(selektor/DOM prvok).
Syntax
Takto vyberáme prvky:
javascript$(':has(selektor)');
Takto vyberáme prvky, ak je potrebná priama vnorenosť selektora:
javascript$(':has(>selektor)');
Príklad
Vyberme tie odseky, ktoré majú vo vnútri
prvok b a
pridajme im na koniec text '!!!':
html<p>text</p>
<p>text</p>
<p><b>bold</b> text</p>
<p><b>bold</b> text</p>javascript$('p:has(b)').append('!!!');
HTML kód bude vyzerať takto:
html<p>text</p>
<p>text</p>
<p><b>bold</b> text!!!</p>
<p><b>bold</b> text!!!</p>