Has selektori
:has selektori berilgan selektorga mos keladigan
kamida bitta elementni o'z ichiga olgan elementlarni tanlaydi,
bu esa bevosita voris bo'lishi shart emas.
:has CSS spetsifikatsiyasiga kirmagani sababli,
zamonaviy brauzerlarda samaradorlikni oshirish uchun
undan foydalanish o'rniga
$("sizning css-selektoringiz").has(selektor/DOM elementi)
dan foydalanish yaxshiroqdir.
Sintaksis
Elementlarni shunday tanlaymiz:
$(':has(selektor)');
Agar selektorning bevosita ichki kiritilishi kerak bo'lsa, elementlarni shunday tanlaymiz:
$(':has(>selektor)');
Misol
Keling, faqat ichida
b tegi bo'lgan
abzatslarni tanlaymiz va
ularning oxiriga '!!!' matnini qo'yamiz:
<p>matn</p>
<p>matn</p>
<p><b>qalin</b> matn</p>
<p><b>qalin</b> matn</p>
$('p:has(b)').append('!!!');
HTML kodi shunday ko'rinishga keladi:
<p>matn</p>
<p>matn</p>
<p><b>qalin</b> matn!!!</p>
<p><b>qalin</b> matn!!!</p>