无法访问由jquery创建的div的选择器？

Question

我试图通过使用jquery函数的html()来访问我创建它的选择器.我从很少的网站尝试了很多解决方案,但它不起作用.现在,我举个例子,请更正并告诉我原因

请看这里的例子

    $(document).ready(function(){
     $(".close").click(function(){
     alert("message closed");
   });
   $("button").click(function(){
    $("#msg").html('<div class="close">Close</div><div>Message...</div>');
   });

非常感谢你.

Answer 1

由于close是动态创建的,因此您需要使用事件委派

$(document).ready(function () {
    $('#msg').on('click', ".close", function () {
        alert("message closed");
    });
    $("button").click(function () {
        $("#msg").html('<div class="close">Close</div><div>Message...</div>');
    });
});

演示:小提琴