jQuery find() 方法
示例
返回所有作為 <ul> 後代的 <span> 元素
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
結果
body (曾祖父)
div (祖父)ul (父級)- li (子) span (孫)
自己動手試一試 »
定義和用法
find() 方法返回選定元素的後代元素。
後代是子級、孫級、曾孫級等。
DOM 樹： 此方法沿著 DOM 元素的後代向下遍歷，一直到最後一個後代。要僅向下遍歷 DOM 樹的一層（返回直接子元素），請使用 children() 方法。
注意： find() 方法與其他的樹遍歷方法不同，其 filter 引數是必需的。
提示： 要返回所有後代元素，請使用 "*" 選擇器。
語法
$(selector).find(filter)
| 引數 | 描述 |
|---|---|
| 篩選器 | 必需。一個選擇器表示式、元素或 jQuery 物件，用於過濾後代搜尋。 注意： 要返回多個後代，請用逗號分隔每個表示式。 |
親手嘗試 - 示例
返回 <html> 的所有後代元素
使用 "*" 選擇器返回所有作為 <html> 後代的元素。
返回所有作為 <ul> 後代的 <span> 元素
如何返回所有作為 <ul> 元素後代的 <span> 元素。
僅選擇具有給定類名的後代
如何返回類名為 "first" 的後代元素。
返回多個後代
如何返回多個後代元素。
使用所有 <ul> 元素的 jQuery 集合過濾後代搜尋
如何使用 jQuery 物件返回所有作為 <ul> 元素後代的 <span> 元素。
按標籤名顯示元素的後代
一個演示，展示了 <div> 元素的後代實際上是誰。
