jQueryの：私は新しいdiv要素の追加声明持って作成したばかりの要素

Question

にイベントハンドラを追加：

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

をしかし、私は要素を作成するだけでなく、（「クリック」）に割り当てるしたいアクションにそれ。 もちろん、生成された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の上で使用することができますし、また、あなたが$(".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"); 
});