jQuery find() 方法
jQuery
遍曆方法實例
返回 <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> 元素。
如何返回類名為 "1" 的後代元素。
如何返回多個後代元素。
如何通過 jQuery 對象返回 <ul> 元素的後代中的所有 <span> 元素。
演示 <div> 元素的後代。