Latest web development tutorials

jQueryの子供たち()メソッド

jQueryのトラバーサル方法 jQueryのトラバーサル方法

戻る<UL>直接の子要素:

$(document).ready(function(){
$("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>要素の子孫。


jQueryのトラバーサル方法 jQueryのトラバーサル方法