jQuery

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

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

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

サンプルソース

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

実行サンプル

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

いぬ

ねこ

たぬき

解説

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 複数のイベントに同じ処理を記述する

複数のイベントに同じ処理を追加するサンプルです。 サンプルソース 例)テキストボックスのonfocusとonblurに同 ...

[jQuery] 要素から配列を作成する(.makeArray)

要素から配列を作成するには、makeArrayメソッドを使用します。 サンプルソース 例)全てのdiv要素から配列にする ...

[jQuery] マウスアウトイベントを設定する(.mouseout)

jQueryでマウスアウトイベントを記述するには、.mouseout()を使用します。 サンプルソース 例)マウスアウト ...

[jQuery] フェード処理を行う(.fadeTo)

要素のフェード処理を行うには、.fadeTo()を使用します。 サンプルソース 例)ボタンを押すと、フェード処理を行う ...

[jQuery] セレクタに一致するか判定する(.is)

セレクタに一致するか判定するには、isを使用します。 サンプルソース 例)要素がclass="b"を持っているかどうか判 ...

スポンサーリンク