Селектор has
Селектор :has избира елементи,
които съдържат поне един елемент
по зададен селектор, не е задължително
непосредствен потомък.
Тъй като :has не се отнася към CSS спецификацията,
за подобряване на производителността в съвременните
браузъри е по-добре вместо него да се използва
$("вашия css-селектор").has(селектор/DOM елемент).
Синтаксис
Така избираме елементи:
javascript$(':has(селектор)');
Така избираме елементи, ако е необходима непосредствена влагане на селектора:
javascript$(':has(>селектор)');
Пример
Нека изберем само онези параграфи, вътре в които има
таг b и
поставим в края им текста '!!!':
html<p>text</p>
<p>text</p>
<p><b>bold</b> text</p>
<p><b>bold</b> text</p>javascript$('p:has(b)').append('!!!');
HTML кодът ще изглежда така:
html<p>text</p>
<p>text</p>
<p><b>bold</b> text!!!</p>
<p><b>bold</b> text!!!</p>