jquery - jQuery:作成したばかりの要素にイベント ハンドラを追加する

Question

新しいdivを追加するステートメントがあります:

$('#dates').append('<div class="'+classname+'">'+dd+'<br /><span class="month_selector">'+dm+'</span></div>');

しかし、要素を作成するだけでなく、それに on('click') アクションを割り当てたいと思います。もちろん、生成された id を追加して、この id で作成された要素にアクセスすることもできますが、もっと美しい解決策があると思います。

それは...ですか？

Answer 1

ID を追加してから、jQuery にセレクターを解析して要素を見つけるように依頼する必要はありません。これを直接行うことができます：

$('#dates').append(
    $('<div class="'+classname+'">'+dd+'<br /><span class="month_selector">'+dm+'</span></div>')
    .click(function(){
      // handle click
    })
);

Answer 2

jquery ON ..を使用できます。また、idの代わりにクラスセレクターを使用できます:)のように$(".classname")

$('#dates').append('<div class="'+classname+'">'+dd+'<br /><span class="month_selector">'+dm+'</span></div>');

$('#dates').on('click','.'+classname, function(){
alert("on div click");
});

$('#dates').on('click','.month_selector', function(){
alert("on SPAN click");
});