Селектор наличия конретных элементов

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

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

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

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

// не самый быстрый вариант
$( '.some-hint:has(a)' );

// эффективнее будет
$( '.some-hint' ).has( 'a' );

В действии

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

~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
  ~lt~script src="https://code.jquery.com/jquery-latest.js"~gt~~lt~/script~gt~
  ~lt~style~gt~
    div, span {
      display: block;
      width: 100px;
      height: 100px;
      float: left;
      padding: 15px;
      margin: 5px;
      background-color: #EEEEEE;
    }
  ~lt~/style~gt~
~lt~/head~gt~
~lt~body~gt~
  ~lt~div~gt~
    ~lt~p~gt~ Текст ~lt~/p~gt~
  ~lt~/div~gt~
  ~lt~div~gt~
    ~lt~p class="lited"~gt~Модный текст~lt~/p~gt~
  ~lt~/div~gt~

  ~lt~script~gt~
    $('div:has(.lited)')
      .css('background-color', '#efe18c');
  ~lt~/script~gt~
~lt~/body~gt~
~lt~/html~gt~

Ссылки

• Остальные селекторы по содержимому
• Список всех селекторов
• $( ) — функция jQuery