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"); 
});