English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
С помощью jQuery мы можем легко пробегать по DOM-дереву, чтобы найти предков элемента.
Предки - это родители, бабушки, дедушки и т.д.
В этой главе мы объясним, как пробегать по DOM-дереву.
У нас есть следующие методы jQuery, используемые для遍вания DOM-дерева:
В этой главе я покажу вам, как использовать каждый метод.
jQuery parent()Метод возвращает непосредственного родителя выбранного элемента.
Этот метод перемещается на один уровень вверх по дереву DOM.
Пример, который возвращает непосредственного родителя элемента SPAN:
p (прямой родитель) span
Вы также можете использовать опциональные параметры для фильтрации поиска родительского элемента.
Пример, который возвращает непосредственного родителя элемента с классом 'selected':
$(document).ready(function(){ $("p").parent(".selected").css("background", "coral"); });Тестирование看看‹/›
jQuery parents()Метод возвращает все предки выбранного элемента.
Этот метод遍яет от родительского элемента по предкам DOM-элемента до корня документа (html).
Ниже приведен пример, который возвращает все предки элемента SPAN:
p (прямой родитель) span
jQuery parentsUntil()Метод возвращает все предки между двумя заданными параметрами.
Ниже приведен пример, который возвращает все предки элементов SPAN и BODY:
p (прямой родитель) span
Для получения полной информации о методах遍ения, пожалуйста, посетите нашРеферентное руководство по遍ению jQuery.