jquery - 无法访问由 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>');
    });
});

演示：小提琴