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>
