jQuery 教程
jQuery find() 方法
jQuery
遍歷方法實(shí)例
返回 <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"});
});
結(jié)果：
body (great-grandparent)
div (grandparent)
- ul (parent)
- li (child) span (grandchild)
運(yùn)行代碼 ?
定義和用法
find() 方法返回被選元素的后代元素。
后代是子、孫、曾孫，依此類推。
DOM 樹：該方法沿著 DOM 元素的后代向下遍歷，直至最后一個(gè)后代的所有路徑（<html>）。如只需向下遍歷 DOM 樹中的單一層級(jí)（返回直接子元素），請(qǐng)使用 children() 方法。
注意：filter 參數(shù)在 find() 方法中是必需的，這與其他樹遍歷方法不同。
提示：如需返回所有的后代元素，請(qǐng)使用 "*" 選擇器。
語法
$(selector).find(filter)
| 參數(shù) | 描述 |
|---|---|
| filter | 必需。過濾搜索后代條件的選擇器表達(dá)式、元素或 jQuery 對(duì)象。 注意：如需返回多個(gè)后代，請(qǐng)使用逗號(hào)分隔每個(gè)表達(dá)式。 |
更多實(shí)例
返回 <html> 的所有后代元素
使用 "*" 選擇器返回 <html> 的所有后代元素。
返回 <ul> 后代中的所有 <span> 元素
如何返回 <ul> 后代中的所有 <span> 元素。
只選取帶有給定類名的后代
如何返回類名為 "1" 的后代元素。
返回多個(gè)后代
如何返回多個(gè)后代元素。
通過所有 <ul> 元素的 jQuery 集合過濾后代搜索
如何通過 jQuery 對(duì)象返回 <ul> 元素的后代中的所有 <span> 元素。
通過標(biāo)簽名演示元素的后代
演示 <div> 元素的后代。
其他擴(kuò)展