Описание: Сокращение набора элементов до тех, которые имеют потомков, соответствующих селектору или DOM элементу.
.has( селектор )
Добавлена в версию: 1.4
селектор
Выражение, с помощью которого необходимо осуществлять поиск элементов.
.has( содержащиеся )
Добавлена в версию: 1.4
содержащиеся
Элемент DOM, для сравнения элементов.
Данный объект jQuery, который представляет набор элементов DOM,
метод .has() создает новый объект jQuery
из подмножества соответствующих элементов.
Поставляемый селектор проверяется против потомков соответствующих элементов; элемент будет включен в результат, если любой из его потомков элементов подходит селектору.
Рассмотрим страницу с простым списком:
<ul>
<li>list item 1</li>
<li>list item 2
<ul>
<li>list item 2-a</li>
<li>list item 2-b</li>
</ul>
</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>
Мы можем применить этот метод к набору элементов списка:
$('li').has('ul').css('background-color', 'red');
Результатом этого вызова является красный фон для второго элемента,
так как только он <li>, который имеет <ul>
среди своих потомков.
- list item 1
- list item 2
- list item 2-a
- list item 2-b
- list item 3
- list item 4
Пример
Проверяет, если элемент находится в другом элементе.Пример - Полный код:
Проверяет, если элемент находится в другом элементе.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
.full { border: 1px solid red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("ul").append("<li>" + ($("ul").has("li").length ? "Yes" : "No") + "");
$("ul").has("li").addClass("full");
});
</script>
</head>
<body>
<ul><li>Does the UL contain an LI?</li></ul>
</body>
</html>
Была ли эта информация полезной?
