jQueryで動的追加したDOM要素の存在を検知する

jQuery web制作 プログラミング

広報:齊藤 メイ 広報:齊藤 メイ

Posted on 2017年05月24日(水)10:34
Updated on 2017年05月23日(火)17:35


jQueryで動的追加したDOM要素の存在を検知する

jQueryで動的に要素を追加したら自動的に何かをさせる、という場合に便利なtipsです。本日は「jQueryで動的追加したDOM要素の存在を検知する」についてです。

こんにちは。猫ITソリューションズ広報の齊藤メイ(♀)です。本日は、「jQueryで動的追加したDOM要素の存在を検知する」についてです。

本記事を書くにあたって以下サイトを参考にさせていただきました。貴重な情報の提供を感謝いたします。
jQueryの$(document).readyをセレクタで使いたい - Mach3.laBlog

jQueryで動的に要素を追加することは日常茶飯事ですが、たまに追加要素の存在を検知したら何かさせたい、ということもあります。大抵は追加するイベントと同時に何かをさせることがほとんででしょうが、たまにあるのです。

サンプル

構文が単純なので上記まっは様の記事とほとんど同じサンプルになり恐縮ですが、idがhogeという要素が追加されたらアラートを表示させます。

 

以下はjQuery構文の書き始めとして以下はよく使いますが、これのdocumentをセレクタに置き換えるだけで動的追加要素の検知が出来るというのは、少し新鮮ですね。

 

なお、動作確認は、
jQuery3.1.1
にて行いました。


いかがでしたでしょうか?
猫ITソリューションズは、飼い主の皆さんにITを活用しあらゆるシーンで的確なアドバイスをいたします。それではまたお会いしましょう。

jQueryで動的追加したDOM要素の存在を検知する

see you!

 

本件に関するお問い合わせ先

猫ITソリューションズ

049-290-8502
お問い合わせフォーム

※電話に出れない場合が多々ありましてご迷惑おかけします。その際は伝言、またはお問い合わせフォームをご利用ください。



Member Profile

広報:齊藤 メイ

埼玉在住の三毛猫です。趣味は日向ぼっこ、好きな猫缶はカツオ系です。仲良くしてくださいね!

Facebook
Twitter

代表:齊藤 智宏

埼玉在住のWebデベロッパーです。80's洋楽、映画、レトロゲームが大好きです。よろしく!

Facebook
Twitter

Contact

ご意見、ご相談などお気軽にお問い合わせ下さい。お問い合わせ内容の確認後、担当者よりご連絡させていただきます。

049-290-8502
お問い合わせフォーム

※電話に出れない場合が多々ありましてご迷惑おかけします。その際は伝言、またはお問い合わせフォームをご利用ください。