With jQuery you can traverse down the DOM tree to find descendants of an element.
A descendant is a child, grandchild, great-grandchild, and so on.
Traversing Down the DOM Tree
Two useful jQuery methods for traversing down the DOM tree are:
children()
find()
The children()
method returns all direct children of the selected element.
This method only traverses a single level down the DOM tree.
The following example returns all elements that are direct children of each <div>
elements:
The following example returns all <p>
elements with the class name "first", that
are direct children of <div>
:
$(document).ready(function(){
$("div").children("p.first");
});
The find()
method returns descendant elements of the selected element, all
the way down to the last descendant.
The following example returns all <span>
elements that are
descendants of <div>
:
The following example returns all
descendants of <div>
:
$(document).ready(function(){
$("div").find("*");
});