Обход jQuery - Предки

Предок - родитель, прародитель, пра-прародитель, и так далее.

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

Обход Дерева DOM

Три полезных jQuery метода для того, чтобы перейти вверх дерева DOM:

  • parent()
  • parents()
  • parentsUntil()

jQuery Метод parent()

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

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

Следующий пример возвращает прямой родительский элемент каждого элемента <span>:

Пример

$(document).ready(function(){
  $("span").parent();
});

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

jQuery Метод parents()

Метод parents() возвращает всех предков выбранного элемента, полностью до корневого элемента документа (<html>).

Следующий пример возвращает всех предков всех элементов <span>:

Пример

$(document).ready(function(){
  $("span").parents();
});

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

Можно также использовать дополнительный параметр, чтобы фильтровать поиск предков.

Следующий пример возвращает всех предков всех элементов <span>, которые являются элементами <ul>:

Пример

$(document).ready(function(){
  $("span").parents("ul");
});

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

jQuery Метод parentsUntil()

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

Следующий пример возвращает всех предков между элементами <span> и <div>:

Пример

$(document).ready(function(){
  $("span").parentsUntil("div");
});

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

Далее: jQuery - AJAX Метод load()

Смотрите также
Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)