$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
Result:
body (great-grandparent)
div (grandparent)
ul (parent)
-
li (child)
span (grandchild)
Definition and Usage
The find() method returns descendant elements of the selected element.
A descendant is a child, grandchild, great-grandchild, and so on.
The DOM tree:
This method traverse downwards along
descendants of DOM elements, all the way down to the last descendant. To only
traverse a single level down the DOM tree (to return direct children), use the
children()
method.
Note:
The
filter
parameter is required for the
find() method, unlike the rest of the tree traversal methods.
Tip:
To return all of the descendant elements, use the "*"
selector.
Return
all descendant elements of <html>
Using the "*" selector to return all elements that are descendants of <html>.
Return
all <span> elements that are descendants of <ul>
How to return all <span> elements that are descendants of an <ul> element.
Only select descendants with a given class name
How to return
descendant elements with class name "first".
Return
multiple descendants
How to
return multiple descendant elements.
Filter
the descendant search with a jQuery collection of all <ul> elements
How to
return all <span> elements that are descendants of an <ul> element with a jQuery
object.
the descendants of an element by tag names
A demonstration which shows who the descendants of a <div> element
actually are.
❮ jQuery
Traversing Methods
Report Error
If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:
[email protected]
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our
terms of use
,
cookie and privacy policy
.
W3Schools is Powered by W3.CSS
.
