Селектор has
:has селектору берилген селектор боюнча
жок дегенде бир элементти камтыган элементтерди тандайт,
милдеттүү түрдө түздөн-түз урпак эмес.
:has CSS спецификациясына тиешелүү эмес болгондуктан,
заманбап браузерлерде өндүрүмдүүлүктү жакшыртуу үчүн анын ордуна
$("сиздин css-селекторуңуз").has(селектор/DOM элемент) колдонуу жакшы.
Синтаксис
Биз элементтерди мындайча тандайбыз:
$(':has(селектор)');
Эгерде селектордун түздөн-түз ички түзүлүшү талап кылынса, биз элементтерди мындайча тандайбыз:
$(':has(>селектор)');
Мисал
Ичинде b теги бар
параграфтарды гана тандап, алардын аягына '!!!' текстин коёлу:
<p>текст</p>
<p>текст</p>
<p><b>калың</b> текст</p>
<p><b>калың</b> текст</p>
$('p:has(b)').append('!!!');
HTML коду мындай көрүнөт:
<p>текст</p>
<p>текст</p>
<p><b>калың</b> текст!!!</p>
<p><b>калың</b> текст!!!</p>
