jQuery children() 方法
實例
返回<ul> 的直接子元素：
$(document).ready(function(){
$("ul").children().css({"color":"red","border":"2px solid red"});
});
$("ul").children().css({"color":"red","border":"2px solid red"});
});
結果：
body (great-grandparent)
div (grandparent)
- ul (parent)
- li (child) span (grandchild)
嘗試一下»
定義和用法
children() 方法返回被選元素的所有直接子元素。
DOM樹：該方法只沿著DOM樹向下遍歷單一層級。 如需向下遍歷多個層級（返回子孫節點或其他後代），請使用find()方法。
提示：如需沿著DOM樹向上遍歷單一層級，或向上遍歷直至文檔根元素的所有路徑（返回父節點或其他祖先），請使用parent()或parents()方法。
注意：該方法不會返回文本節點。 如需返回包含文本節點的所有子節點，請使用contents()方法。
語法
$(selector).children( filter )
| 参数 | 描述 |
|---|---|
| filter | 可选。规定缩小搜索子元素范围的选择器表达式。 |
更多實例
返回<ul>的所有直接子元素
如何返回<ul> 元素的所有直接子元素。
縮小搜索範圍
如何使用filter 參數來返回<ul> 的直接子元素中帶有類名"1" 的所有<li> 元素。
返回<div>的直接子元素中的所有<p>元素
如何選取<div> 的直接子元素的所有<p> 元素。
通過標籤名演示元素的後代
演示<div> 元素的後代。