Seletor has
O seletor :has seleciona elementos
que contêm pelo menos um elemento
correspondente ao seletor especificado, não necessariamente
um descendente direto.
Como :has não pertence à especificação CSS,
para melhorar o desempenho em navegadores
modernos, é melhor usar
$("seu seletor-css").has(seletor/elemento DOM)
em seu lugar.
Sintaxe
É assim que selecionamos os elementos:
javascript$(':has(seletor)');
É assim que selecionamos os elementos, se for necessária uma aninhamento direto do seletor:
javascript$(':has(>seletor)');
Exemplo
Vamos selecionar apenas os parágrafos que contêm
a tag b e
adicionar o texto '!!!' ao final deles:
html<p>texto</p>
<p>texto</p>
<p><b>negrito</b> texto</p>
<p><b>negrito</b> texto</p>javascript$('p:has(b)').append('!!!');
O código HTML ficará assim:
html<p>texto</p>
<p>texto</p>
<p><b>negrito</b> texto!!!</p>
<p><b>negrito</b> texto!!!</p>