Селектор has
Селектор :has элементларни танлайди,
уларнинг ўз ичида камida битта элемент
берилген селектор буйича бўлиши керак,
дарров фарзанд бўлиши шарт эмас.
Чунки :has CSS спецификациясига кирмаса,
замонавий браузерларда самарадорликни ошириш учун
унинг ўрнига
$("сизнинг css-селекторингиз").has(селектор/DOM элемент) ишлатсангиз яхши булади.
Синтаксис
Биз элементларни шундай танлаймиз:
javascript$(':has(селектор)');
Aгар селекторнинг дарров фарзанд бўлиши керак бўлса, элементларни шундай танлаймиз:
javascript$(':has(>селектор)');
Мисол
Келинг, факат ўз ичида
b теги бор
абзацларни танлаймиз ва
уларнинг охирига '!!!' матнини куйамиз:
html<p>матн</p>
<p>матн</p>
<p><b>қалин</b> матн</p>
<p><b>қалин</b> матн</p>javascript$('p:has(b)').append('!!!');
HTML коди шундай кўринади:
html<p>матн</p>
<p>матн</p>
<p><b>қалин</b> матн!!!</p>
<p><b>қалин</b> матн!!!</p>