Обход jQuery - Предки

Предок - родитель, прародитель, пра-прародитель, и так далее.

С jQuery можно пересечь дерево DOM, чтобы найти предков элемента.

Три полезных jQuery метода для того, чтобы перейти вверх дерева DOM:

Метод parent() возвращает прямой родительский элемент выбранного элемента.

Этот метод пересекает вверх только один уровень дерева DOM.

Следующий пример возвращает прямой родительский элемент каждого элемента <span>:

$(document).ready(function(){
$("span").parent();
});

Метод parents() возвращает всех предков выбранного элемента, полностью до корневого элемента документа (<html>).

Следующий пример возвращает всех предков всех элементов <span>:

$(document).ready(function(){
$("span").parents();
});

Можно также использовать дополнительный параметр, чтобы фильтровать поиск предков.

Следующий пример возвращает всех предков всех элементов <span>, которые являются элементами <ul>:

$(document).ready(function(){
$("span").parents("ul");
});

Метод parentsUntil() возвращает всех предков между двумя заданными параметрами.

Следующий пример возвращает всех предков между элементами <span> и <div>:

$(document).ready(function(){
$("span").parentsUntil("div");
});

Смотрите также

Комментарии

Написать