Родительский () метод jQuery
Пример
Вернуть прямой родительский элемент <span>:
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px solid red"});
});
Результат:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Определение и использование
Метод parent() возвращает прямой родительский элемент выбранного элемента.
Дерево DOM: этот метод проходит только один уровень вверх по дереву DOM. Чтобы пройти весь путь до корневого элемента документа (чтобы вернуть дедушку и бабушку или других предков), используйте метод parent( ) или parentUntil() .
Совет: Чтобы пройти один уровень вниз по дереву DOM или полностью вниз к последнему потомку (чтобы вернуть потомков или других потомков), используйте метод children() или find() .
Синтаксис
$(selector).parent(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the parent search |
Попробуйте сами — примеры
Как вернуть прямого родителя каждого элемента <span>.
Как использовать параметр фильтра, чтобы вернуть родительский элемент <li> с именем класса «первый» для каждого <span>.
Как вернуть все прямые родительские элементы <div> каждого элемента <p>.
Демонстрация, показывающая, кто на самом деле является предками элемента <span>.