пример
Возвращает непосредственный родительский элемент <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. Для того, чтобы пройти весь путь до корневого элемента документа (для возвращения бабушек и дедушек или других предков), использовать parents() или parentsUntil () метод.
Совет: Для того, чтобы пройти один уровень вниз по дереву DOM, или все, вплоть до последнего потомка (для возвращения детей или других потомков), используют children() или find() метод.
Синтаксис
$(selector).parent( filter )| параметр | Описание |
|---|---|
| filter | Необязательный. Задает выражение селектора, сужая родительский поиск |
Попробуйте сами - Примеры
Возвращение прямого родителя каждого <span> элемента
Как вернуть прямой родитель каждого <span> элемента.
Сужая поиск
Как использовать параметр фильтра для возврата родителя <li> элемент с именем класса "first" каждого <span> .
Возврат прямой родительский <div> элемент каждого <p> элемента
Как вернуть все прямой родительский <div> элемент каждого <p> элемента.
Показать предком элементы элемента по именам тегов
Демонстрация , которая показывает , кто предки в <span> элемент на самом деле.