Селекторот 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>