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

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

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

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

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

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

• parent()

• parents()

• parentsUntil()

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

Метод jQuery parent()

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

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

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

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

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

$(document).ready(function(){
　　$("p").parent(".selected").css("background", "coral");
});

Метод parents() jQuery

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

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

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

Метод ParentUntil() jQuery

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

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

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

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