jQuery单击绑定动态创建的按钮：整个div对单击作出反应

Question

我动态创建了一个DIV：

        shareVisual = '<div class="individual-share">' + '<input type="number" value="1" /> X ' + classname.val() + '@' + classcurrency.val() + ' ' + classprice.val() + ' per share ' + '<button type="button" class="remove-share">Remove</button></div>';
        listOfSharesBox.append(shareVisual);  

---

然后将一个绑定添加到父div：

$("#list-of-shares").bind('click', '.remove-share', function(e) {
    $(e.target).closest("div").remove();
})

问题：单击动态生成的DIV的任何部分时，div将被删除。我需要这个只在单击按钮时才能工作。我需要改变什么？

Answer 1

使用on而不是bind来使用选择器进行委派：

$("#list-of-shares").on('click', '.remove-share', function(e) {

Answer 2

$("#list-of-shares").on('click', '.remove-share', function(e) {
    $(this).closest("div").remove();
})