jQuery find() Method

jQuery Traversal Methods

The find() method returns elements that match the specifiedselectorExpressionall descendant elements that match.

The find() method traverses the descendants of the DOM element downwards, all the way to the last descendant. If you want to traverse only a single level under the DOM tree (to return direct children), please usechildren()Method.

Syntax:

$$(selector).find(selectorExpression)

Example

Starting from all paragraphs and searching for descendant span elements, it is the same as $("p span"):

$ (document).ready(function(){
　　$("p").find("span").css("background", "mediumpurple");
});

Return multiple descendant elements:

$ (document).ready(function(){
　　$("p").find("span, i").css("background", "mediumpurple");
});

Return all DIV elements that are children of div id="box":

Parameter Value

jQuery Traversal Methods