Selektor has
Selektor :has memilih elemen,
yang berisi setidaknya satu elemen
sesuai dengan selektor yang ditentukan, tidak harus
merupakan turunan langsung.
Karena :has bukan bagian dari spesifikasi CSS,
maka untuk meningkatkan kinerja di browser
modern, lebih baik menggunakannya
$("css-selektor-anda").has(selektor/DOM element).
Sintaksis
Ini cara kita memilih elemen:
javascript$(':has(selektor)');
Ini cara kita memilih elemen, jika diperlukan peletakan selektor secara langsung:
javascript$(':has(>selektor)');
Contoh
Mari kita pilih hanya paragraf yang di dalamnya ada
tag b dan
tambahkan teks '!!!' di akhirnya:
html<p>teks</p>
<p>teks</p>
<p><b>tebal</b> teks</p>
<p><b>tebal</b> teks</p>javascript$('p:has(b)').append('!!!');
Kode HTML akan terlihat seperti ini:
html<p>teks</p>
<p>teks</p>
<p><b>tebal</b> teks!!!</p>
<p><b>tebal</b> teks!!!</p>