Has seçktoru
:has seçktoru, verilmiş seçktora uyğun
ən azı bir element ehtiva edən elementləri seçir,
mütləq birbaşa nəsil olması şərt deyil.
:has CSS spesifikasiyasına aid olmadığı üçün,
müasir brauzerlərdə daha yaxşı performans üçün
onun əvəzinə $("sizin css-seçktorunuz").has(seçktor/DOM elementi)
istifadə etmək daha yaxşıdır.
Sintaksis
Elementləri belə seçirik:
javascript$(':has(seçktor)');
Əgər seçktorun birbaşa daxilolması lazımdırsa, elementləri belə seçirik:
javascript$(':has(>seçktor)');
Nümunə
Gəlin yalnız içərisində b
teqi olan abzasları seçək və onların sonuna
'!!!' mətnini əlavə edək:
html<p>mətn</p>
<p>mətn</p>
<p><b>qalın</b> mətn</p>
<p><b>qalın</b> mətn</p>javascript$('p:has(b)').append('!!!');
HTML kodu belə görünəcək:
html<p>mətn</p>
<p>mətn</p>
<p><b>qalın</b> mətn!!!</p>
<p><b>qalın</b> mətn!!!</p>