Селектор с конкретными элементами

:has(selector)1.1.4

Соответствует элементам, которые обладают потомками, удовлетворяющими селектору selector.

Примеры использования:

$('div:has(p)') вернет div-элементы, внутри которых есть элементы с тегом p.
$('#content div:has(p)') вернет div-элементы, находящиеся внутри элемента с идентификатором content и внутри которых есть элементы с тегом p.

Селектор :has(selector) является надстройкой библиотеки jQuery, а не частью официальной css спецификации (как большинство других селекторов). Поэтому, при поиске, jQuery не сможет использовать быструю нативную функцию querySelectorAll(). Для наилучшей производительности подойдет следующий вариант:

В действии

Найдем div внутри которых есть элементы с классом lited и окрасим их в золотой цвет:

Ссылки

Поисковые ключи:
  • содержимое элементов
  • элементы содержащие конкретные элементы