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