append()、html()を使って後から追加したタグ要素にイベントを設定する方法【jQuery】｜DAD UNION – エンジニア同盟

$().click( ～ 等で後からタグ要素を追加することがありますが、追加されたタグ要素にもclickイベント等を行おうとしてもイベントが動かなかったりします。 今回はjQueryのappend()、html()を使って後から追加したタグ要素にclickイベントを設定する方法をご紹介します。 Web開発では、ページに動的に要素を追加したいときがあります。例えば、ボタンをクリックしたときに新しい要素が表示されるなどです。しかし、このときに問題になるのが「追加した要素に対するイベント設定」です。通常、既存の要素にイベントを設定するには `$().click()` などを使いますが、後から追加された要素にこの方法で設定すると、うまく動作しないことがあります。 今回は、jQueryの `.html()` と `.append()` を使って新しい要素を追加し、それらの要素に対して `click`

[you1tech]

JavaScriptで追加したタグ要素にイベント処理を設定ってたまに必要になりますよね。