Latest web development tutorials

Jquery Обход - потомство

Потомок ребенок, внук, правнуки, и так далее.

По Jquery, вы пройти вниз по дереву DOM, чтобы найти элементы потомков.


Обход дерева DOM вниз

Вот два для обхода DOM дерева вниз методы JQuery:

  • дети ()
  • найти ()

метод JQuery детей ()

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

Этот метод только вниз одна пара DOM Обход дерева.

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

примеров

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

Попробуйте »

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

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

примеров

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

Попробуйте »


JQuery найти метод ()

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

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

примеров

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

Попробуйте »

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

примеров

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

Попробуйте »