Последние учебники веб-разработки
 

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");
});
Попробуй сам "

Проверьте себя с упражнениями!

Упражнение 1 » Упражнение 2» Упражнение 3 » Упражнение 4»

Jquery Обход Ссылка

Полный обзор всех методов Jquery обходе, пожалуйста , перейдите на наш JQuery обходе Reference .


❮ Предыдущая Следующая Глава ❯