jQuery

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

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

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

サンプルソース

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

実行サンプル

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

いぬ

ねこ

たぬき

解説

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] イベントをバインドする(.bind)

指定した要素にイベントをイベントをバインドするには、.bindを使用します。 サンプルソース 例)要素d1に対してcli ...

[jQuery] プロパティ値を設定/取得する(.prop)

プロパティ値を設定/取得するには、.prop()を使用します。 構文 (プロパティ値を取得する構文) var a = p ...

[jQuery] イベントを削除する(.off)

イベントを削除するには、offを使います。 サンプルソース 例)ボタン2をクリックすると、ボタン1のクリックイベントを削 ...

[jQuery] セレクタの第2引数の意味

jQueryでセレクタは通常「$(".c1")」のように指定しますが、 「$(".c1", "#d2")」のように第2引 ...

[jQuery] テーブルの行数を取得する

jQueryでテーブルの行数を取得するサンプルです。 サンプルソース 例)ボタンを押すとテーブルの行数をアラート表示する ...

スポンサーリンク