childrenメソッド
childrenメソッドは要素の直接の子要素のみを返し、
テキストノードは返しません。テキストやコメントを含む
すべての子要素を取得するには、
contents
メソッドを使用してください。
構文
直接の子要素の取得:
.children();
指定されたセレクタで子要素をフィルタリングすることもできます:
.children(セレクタ);
例
divタグの
すべての直接の子要素を見つけ、
appendメソッドを使って
末尾に'!'を追加してみましょう:
<div>
<p>テキスト</p>
<p>テキスト</p>
<p>テキスト</p>
</div>
$('div').children().append('!');
HTMLコードは次のようになります:
<div>
<p>テキスト!</p>
<p>テキスト!</p>
<p>テキスト!</p>
</div>
例
次に、クラスwwwを持つすべての直接の子要素を見つけてみましょう:
<div>
<p class="www">テキスト</p>
<p class="www">テキスト</p>
<p>テキスト</p>
</div>
$('div').children('.www').append('!');
HTMLコードは次のようになります:
<div>
<p class="www">テキスト!</p>
<p class="www">テキスト!</p>
<p>テキスト</p>
</div>