jQuery

[jQuery] 子要素を取得する(.children)

投稿日:2017年7月17日 更新日:

指定した要素の子要素(直下のみ)を取得するには、.childrenを使用します。

サンプルソース

例)div#test要素の直下子要素がpタグのものを取得する

実行サンプル

ボタンを押すと子要素がpタグのもののみ背景色が青くなります。
ねこはpタグに囲まれていますが、div#testから見ると孫要素なので対象となりません。

いぬ

ねこ

たぬき

解説

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] 要素をソートする(.sort)

要素をソートするには、.sortを使用します。 サンプルソース 例)ボタンを押すと、リストの中身を昇順でソートする [c ...

[jQuery] マウスポインタの座標を取得する

jQueryでマウスポインタの座標位置をリアルタイムで取得するサンプルです。 サンプルソース 例)マウスを動かすとリアル ...

[jQuery] 適用したメソッドを戻す(.end)

.end()を使うと、メソッドチェーンで適用したメソッドを戻すことができます。 サンプルソース 例)リストの3番目のオブ ...

[jQuery] 要素を削除する(.remove)

要素を削除するには、removeを使用します。 サンプルソース 例)ボタンクリックで、id="dv1"要素を削除する [ ...

[jQuery] ページロード完了時に処理を行う

ページロード完了時に処理を行うには、readyを使います。 サンプル 例)ページロード完了時にアラートを表示する [cr ...

スポンサーリンク