Обход jQuery - Потомки

Потомок - дочерний элемент, внук, правнук и так далее.

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

Пересечение Вниз Дерева DOM

Два полезных jQuery метода для того, чтобы перемещаться вниз по дереву DOM:

  • children()
  • find()

jQuery Метод children()

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

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

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

Пример

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

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

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

Следующий пример возвращает все элементы <p> с названием класса "1", которые являются прямыми дочерними элементами <div>:

Пример

$(document).ready(function(){
  $("div").children("p.1");
});

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

jQuery Метод find()

Метод find() возвращает потомков выбранного элемента, полностью - до последнего потомка.

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

Пример

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

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

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

Пример

$(document).ready(function(){
  $("div").find("*");
});

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

Далее: jQuery - AJAX Методы get() и post()

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

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

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

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