jQuery find() 方法

2018-11-21 14:20 更新

jQuery find() 方法

jQuery 遍歷方法 jQuery 遍歷方法

實(shí)例

返回 <ul> 后代中所有的 <span> 元素:

$(document).ready(function(){
$("ul").find("span").css({"color":"red","border":"2px solid red"});
});

結(jié)果:

body (great-grandparent)
div (grandparent)
    ul (parent)
  • li (child) span (grandchild)

嘗試一下 ?

定義和用法

find() 方法返回被選元素的后代元素。

后代是子、孫、曾孫,依此類推。

DOM 樹:該方法沿著 DOM 元素的后代向下遍歷,直至最后一個(gè)后代的所有路徑(<html>)。如只需向下遍歷 DOM 樹中的單一層級(返回直接子元素),請使用 children() 方法。

注意:filter 參數(shù)在 find() 方法中是必需的,這與其他樹遍歷方法不同。

提示:如需返回所有的后代元素,請使用 "*" 選擇器。


語法

$(selector).find(filter)

參數(shù) 描述
filter 必需。過濾搜索后代條件的選擇器表達(dá)式、元素或 jQuery 對象。

注意:如需返回多個(gè)后代,請使用逗號分隔每個(gè)表達(dá)式。

實(shí)例

更多實(shí)例

返回 <html> 的所有后代元素
使用 "*" 選擇器返回 <html> 的所有后代元素。

返回 <ul> 后代中的所有 <span> 元素
如何返回 <ul> 后代中的所有 <span> 元素。

只選取帶有給定類名的后代
如何返回類名為 "1" 的后代元素。

返回多個(gè)后代
如何返回多個(gè)后代元素。

通過所有 <ul> 元素的 jQuery 集合過濾后代搜索
如何通過 jQuery 對象返回 <ul> 元素的后代中的所有 <span> 元素。

通過標(biāo)簽名演示元素的后代
演示 <div> 元素的后代。


jQuery 遍歷方法 jQuery 遍歷方法

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號