English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery Пробег - Предки

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

Предки - это родители, бабушки, дедушки и т.д.

В этой главе мы объясним, как пробегать по DOM-дереву.

Пробег по DOM-дереву

У нас есть следующие методы jQuery, используемые для遍вания DOM-дерева:

В этой главе я покажу вам, как использовать каждый метод.

Метод jQuery parent()

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

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

Пример, который возвращает непосредственного родителя элемента SPAN:

div (прадедушки)
div (дедушки)

p (прямой родитель)                  span

Запуск кода

Вы также можете использовать опциональные параметры для фильтрации поиска родительского элемента.

Пример, который возвращает непосредственного родителя элемента с классом 'selected':

$(document).ready(function(){
  $("p").parent(".selected").css("background", "coral");
});
Тестирование看看‹/›

Метод parents() jQuery

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

Этот метод遍яет от родительского элемента по предкам DOM-элемента до корня документа (html).

Ниже приведен пример, который возвращает все предки элемента SPAN:

body (прапрадедушки)
div (прадедушки)
div (дедушки)

p (прямой родитель)                  span

Запуск кода

Метод ParentUntil() jQuery

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

Ниже приведен пример, который возвращает все предки элементов SPAN и BODY:

body (прапрадедушки)
div (прадедушки)
div (дедушки)

p (прямой родитель)                  span

Запуск кода

Референтное руководство по遍ению jQuery

Для получения полной информации о методах遍ения, пожалуйста, посетите нашРеферентное руководство по遍ению jQuery.