jQueryで動的に追加した要素はクリックイベントが発火しない？いやそんなことはないぞ - Qiita

知ってるよって？ 知ってる人には当たり前、でも知らない人はかなり躓くんだよ！ 事象 こんなボタンを作るじゃろ <div class="btn-area"> <button type="button" class="add-btn">ボタン1</button> </div> $(".add-btn").on("click", function () { var num = Number($(this).text().replace("ボタン", "")); var html = '<button type="button" class="add-btn">ボタン' + (num + 1) + '</button>'; $(".btn-area").append(html); }); 「ボタン1」をクリックするたび「ボタン2」が増えるね だがしかし！ 「ボタン2」をクリックしても何も起きない！

[michael-unltd]

昔は永続化用の関数があった気がするけどいまは第2引数で要素指定でいいんですね。

[takets]

on()のなかに要素指定できたのか。これで動的に追加した要素にもイベント発火できるようになるのか。

[grover]

助かりました。

[idr_zz]

追加された要素にもイベント発火！.on()の引数に書く！ jQueryで動的に追加した要素はクリックイベントが発火しない？いやそんなことはないぞ - Qiita

[perl48]

「append()した要素のクリックイベントが発火しない」で検索したらドンズバの答えが出てきた。ありがとう。