jQuery children() 方法

2018-11-21 14:18 更新

jQuery children() 方法

jQuery 遍歷方法 jQuery 遍歷方法

實(shí)例

返回 <ul> 的直接子元素:

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

結(jié)果:

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

嘗試一下 ?

定義和用法

children() 方法返回被選元素的所有直接子元素。

DOM 樹:該方法只沿著 DOM 樹向下遍歷單一層級(jí)。如需向下遍歷多個(gè)層級(jí)(返回子孫節(jié)點(diǎn)或其他后代),請(qǐng)使用 find() 方法。

提示:如需沿著 DOM 樹向上遍歷單一層級(jí),或向上遍歷直至文檔根元素的所有路徑(返回父節(jié)點(diǎn)或其他祖先),請(qǐng)使用 parent() parents() 方法。

注意:該方法不會(huì)返回文本節(jié)點(diǎn)。如需返回包含文本節(jié)點(diǎn)的所有子節(jié)點(diǎn),請(qǐng)使用 contents() 方法。


語法

$(selector).children(filter)

參數(shù) 描述
filter 可選。規(guī)定縮小搜索子元素范圍的選擇器表達(dá)式。


實(shí)例

更多實(shí)例

返回 <ul> 的所有直接子元素
如何返回 <ul> 元素的所有直接子元素。

縮小搜索范圍
如何使用 filter 參數(shù)來返回 <ul> 的直接子元素中帶有類名 "1" 的所有 <li> 元素。

返回 <div> 的直接子元素中的所有 <p> 元素
如何選取 <div> 的直接子元素的所有 <p> 元素。

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


jQuery 遍歷方法 jQuery 遍歷方法

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)