Статья, в которой рассматривается метод библиотеки 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"));
Комментарии ()