Обход jQuery - Предки
Предок - родитель, прародитель, пра-прародитель, и так далее.
С jQuery можно пересечь дерево DOM, чтобы найти предков элемента.
Обход Дерева DOM
Три полезных jQuery метода для того, чтобы перейти вверх дерева DOM:
- parent()
- parents()
- parentsUntil()
jQuery Метод parent()
Метод parent() возвращает прямой родительский элемент выбранного элемента.
Этот метод пересекает вверх только один уровень дерева DOM.
Следующий пример возвращает прямой родительский элемент каждого элемента <span>:
jQuery Метод parents()
Метод parents() возвращает всех предков выбранного элемента, полностью до корневого элемента документа (<html>).
Следующий пример возвращает всех предков всех элементов <span>:
Можно также использовать дополнительный параметр, чтобы фильтровать поиск предков.
Следующий пример возвращает всех предков всех элементов <span>, которые являются элементами <ul>:
jQuery Метод parentsUntil()
Метод parentsUntil() возвращает всех предков между двумя заданными параметрами.
Следующий пример возвращает всех предков между элементами <span> и <div>: