jQuery中的HTML功能添加新元素后不工作

Question

我已经写代码来添加表元素，我试图安慰登录不工作

该类的onclick函数添加

<div> 
    <table id="con"> 
     <tr><td class="delete"> something</td></tr> 
    </table> 
</div> 
<script> 
    $("#a").click(function() { 
     $("#con").append("<tr> <td class='delete'>something</td></tr>") 
    }); 


    $(".delete").click(function() { 
     console.log("clicked"); 
    }) 

</script> 

Answer 1

它不起作用，因为您的点击处理程序仅绑定到绑定处理程序时页面上已存在的那些元素。
你需要的是一个委托事件。

阅读，了解你需要做什么：
https://learn.jquery.com/events/event-delegation/

它的要点是：

改变了...

$(".delete").click(function() { 
    console.log("clicked"); 
}); 

...到这...

$("#con").on("click", ".delete", function() { 
    console.log("clicked"); 
});