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