jquery - 动态创建按钮的 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， not 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();
})