jQuery parent()Метод

jQuery 遍历方法Методы обхода jQuery

Пример

Возвращает непосредственный родительский элемент <span>:

$(document).ready(function(){
$("span").parent().css({"color":"red","border":"2px solid red"});
});

Результат:

body (прапрадедушка)
div (прадедушка)
    ul (дедушка)
  • li (прямой родитель) span

Попробуйте сами »

Определение и использование

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

DOM-дерево:Этот метод проходит только один уровень вверх по DOM-дереву. Чтобы пройти весь путь вверх до корневого элемента документа (возвращая узлы-прародители или других предков), используйтеparents()илиparentsUntil()метод.

Совет:Чтобы пройти один уровень вниз по DOM-дереву или пройти весь путь вниз до последнего потомка (возвращая дочерние узлы или других потомков), используйтеchildren()или find()метод.

Синтаксис

$(selector).parent(filter)

Parameters Описание
filter Необязательно. Задает выражение селектора для сужения поиска родительского элемента.

实例

Другие примеры

Возвращает прямой родительский элемент элемента <span>
Как вернуть прямой родительский элемент элемента <span>.

Сузить область поиска
Как использовать параметр filter, чтобы вернуть элемент <li> с именем класса "1" среди родительских элементов каждого <span>.

Возвращает элемент <div> из прямого родителя каждого элемента <p>
Как вернуть элемент <div> среди всех прямых родительских элементов каждого элемента <p>.

Продемонстрировать элементы-предки элемента по имени тега
Демонстрирует предков элемента <span>.

jQuery 遍历方法Методы обхода jQuery

Другие расширения