jQueryの子供たち()メソッド
例
戻る<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)
»をお試しください
定義と使用法
子供()メソッドは、選択した要素のすべての直接の子要素を返します。
DOMツリー:このメソッドは、DOMツリーを下にトラバースのみ単一レベルです。 いくつかのレベルをトラバースするために使用し、(ノードまたはその他の子孫の子孫を返す) のfind()メソッドを。
ヒント:、上向き(リターン親または他の祖先)文書のルート要素まで上向きに単一レベルに沿って、またはすべてのパスを介してDOMツリーをトラバース使用するには(親)または親()メソッド。
注:このメソッドは、テキストノードを返しません。 テキストノードが含まれているすべての子ノードを返すには、使用内容()メソッドを。
文法
$(selector).children( filter )
参数 | 描述 |
---|---|
filter | 可选。规定缩小搜索子元素范围的选择器表达式。 |
より多くの例
戻る<UL>すべての直接の子要素
すべての直接の子要素の<ulの>要素を返す方法。
検索結果を絞り込みます
すべての<LI>要素のための「1」のクラス名を持つ<UL>の直接の子要素を返すために、フィルタパラメータを使用する方法。
バックの<div>すべての<P>要素の直接の子要素
<div>要素をすべて<P>要素の直接の子を選択する方法。
要素のタグ名の子孫によるプレゼンテーション
デモの<div>要素の子孫。