jQuery find() 方法
實例
返回<ul> 後代中所有的<span> 元素：
$(document).ready(function(){
$("ul").find("span").css({"color":"red","border":"2px solid red"});
});
$("ul").find("span").css({"color":"red","border":"2px solid red"});
});
結果：
body (great-grandparent)
div (grandparent)
- ul (parent)
- li (child) span (grandchild)
嘗試一下»
定義和用法
find() 方法返回被選元素的後代元素。
後代是子、孫、曾孫，依此類推。
DOM樹：該方法沿著DOM元素的後代向下遍歷，直至最後一個後代的所有路徑（<html>）。 如只需向下遍歷DOM樹中的單一層級（返回直接子元素），請使用children()方法。
注意： filter參數在find()方法中是必需的，這與其他樹遍歷方法不同。
提示：如需返回所有的後代元素，請使用"*"選擇器。
語法
$(selector).find( filter )
| 参数 | 描述 |
|---|---|
| filter | 必需。过滤搜索后代条件的选择器表达式、元素或 jQuery 对象。 注意：如需返回多个后代，请使用逗号分隔每个表达式。 |
更多實例
返回<html>的所有後代元素
使用"*" 選擇器返回<html> 的所有後代元素。
返回<ul>後代中的所有<span>元素
如何返回<ul> 後代中的所有<span> 元素。
只選取帶有給定類名的後代
如何返回類名為"1" 的後代元素。
返回多個後代
如何返回多個後代元素。
通過所有<ul>元素的jQuery集合過濾後代搜索
如何通過jQuery 對象返回<ul> 元素的後代中的所有<span> 元素。
通過標籤名演示元素的後代
演示<div> 元素的後代。