Селектори has
Селектори :has унсурҳоеро интихоб мекунад,
ки ҳадди ақал як унсурро мувофиқи селектори додашуда
дар бар мегиранд, зарурате нест, ки фарзанди
бевосита бошад.
Азбаски :has ба спецификатсияи CSS тааллуқ надорад,
пас барои беҳтар кардани суръати кор дар браузерҳои
муосир беҳтар аст ба ҷои он истифода кардани
$("селектори css-и шумо").has(селектор/унсури DOM).
Синтаксис
Ҳамчунин мо унсурҳоро интихоб мекунем:
javascript$(':has(селектор)');
Ҳамчунин мо унсурҳоро интихоб мекунем, агар ниёз ба фарзанди бевоситаи селектор бошад:
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>