jQuery - has (метод)

Статья, в которой рассматривается метод библиотеки jQuery .has().

Назначение метода has()

Метод .has(селектор|DOM-элементы) применяется для выбора определённых элементов из текущей выборки. Выбрать элемент или нет данный метод определяет из того, имеет ли он (элемент) в качестве своего потомка (включая детей) хотя бы один из указанных в качестве параметра элементов или нет. После этого метод .has конструирует новый jQuery объект, в который помещает выбранные элементы.

В качестве значения параметра метода .has(), который является обязательным у данного метода, можно использовать селектор (selector) или коллекцию DOM-элементов.

Использование метода has()

Рассмотрим пример в котором выберем из первоначальной выборке, содержащей все элементы li на странице, только те которые имеют в качестве потомка элемент(ы) ul.

<ul>
  <li>1 ЭЛЕМЕНТ</li>
  <li>2 ЭЛЕМЕНТ
    <ul>
      <li>2-1 ЭЛЕМЕНТ</li>
      <li>2-2 ЭЛЕМЕНТ</li>
    </ul>
  </li>
  <li>3 ЭЛЕМЕНТ</li>
  <li>4 ЭЛЕМЕНТ</li>
</ul>

1 вариант решения данной задачи выполним с помощью использования в качестве параметра селектора:

$('li').has('ul');

2 вариант решения данной задачи выполним с помощью использования в качестве параметра коллекции, состоящей DOM-элементов:

$('li').has(document.getElementsByTagName("UL"));