jQueryを使ってdivを削除すると、動的にdivが追加されない

Question

ボタンをクリックしてdivを追加しました。アンカーである "X"をクリックすると追加されたアイテムをリストから削除できますクリックイベントは発生しません、私のコードは、私もバインドしようとしましたが、何も動作するようです。

(function ($) { 
$(document).ready(function(){ 
$(".btn-add").on("click",function() { 
var $row = $(this).closest("tr"); // Find the row 
var $text = $row.find(".this-name").text(); // Find the text 

// Let's test it out 
$('#col2').append('<div class="item"><p>'+$text+'</p><a href="#" class="delete-button">X</a></div>'); 
}); 

}); 

$("document").on('click','.delete-button', function(e){ 
e.preventDefault(); 
alert('yes'); 
$(this).closest('.item').remove(); 
}); 

}(jQuery)); 

すべてのヘルプは高く評価され、感謝

Answer 1

はこれを試してみてください：onClickのは= "$（この）.parent（）（削除）。"