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

jQuery Пересекая - Потомки


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

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


Пересекая вверх дном дерева DOM

Два полезных метода JQuery для обхода вниз по дереву DOM являются:

  • children()
  • find()

Jquery children() Метод

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

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

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

пример

$(document).ready(function(){
    $("div").children();
});
Попробуй сам "

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

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

пример

$(document).ready(function(){
    $("div").children("p.first");
});
Попробуй сам "

Jquery find() Метод

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

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

пример

$(document).ready(function(){
    $("div").find("span");
});
Попробуй сам "

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

пример

$(document).ready(function(){
    $("div").find("*");
});
Попробуй сам "

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

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


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

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