jQuery

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

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

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

サンプルソース

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

実行サンプル

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

いぬ

ねこ

たぬき

解説

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 指定した要素の次以降にある兄弟要素を全て取得する(.nextAll)

指定した要素の次以降にある兄弟要素を全て取得するには、.nextAll()を使用します。 サンプルソース 例)ボタンを押 ...

[jQuery] changeイベントを設定する(.change)

jQueryでchangeイベントを記述するサンプルです。 サンプル 例)テキストボックスの値を変更するとアラート表示す ...

[jQuery] アコーディオン風に開くメニューを作る

アコーディオン風に開くメニューのサンプルです。 サンプルソース 例)アコーディオン風に開くメニュー [crayon-5d ...

[jQuery] 要素の属性を一度に設定する

属性を一度に設定するサンプルです。 サンプルソース 例)ボタンを押すと、id="txt1"要素をボタンに変える [cra ...

[jQuery] 要素をフェードイン、フェードアウトする

要素をフェードイン、フェードアウトするサンプルです。 サンプル 例)ボタンを押すとdiv要素をフェードイン、フェードアウ ...

スポンサーリンク