Button 如何使用remove删除附加元素

我有一个简单的代码，它有两个div。一个div包含一个名为“add”的按钮。单击后，将在第二个div中添加其他按钮。当您单击第二个div中的任何按钮时，它会自动删除。正如您在下面的代码中所看到的，我正在使用append在第二个div中添加按钮。这就是我的问题所在。如果delete按钮已经在div中，则该代码将起作用（这意味着单击按钮时它将被删除）。但是，附加的按钮不会删除它们自己。如何使按钮在单击时附加以删除自身

使用Ajax、Jquery和PHP的自动建议 $（文档）.ready（函数（）{ $（'#添加'）。单击（函数（）{ var return_value=“追加按钮（点击删除我）”； $（'.seconddiv'）。追加（''+返回值+''）； }); $（'.remove'）。单击（函数（）{ $（this.remove（）； }); });

添加
单击以删除我

---

这是一个重新绑定的问题

$（文档）.ready（函数（）{
//首次装货通知
bindFunc（）
$（'#添加'）。单击（函数（）{
var return_value=“追加按钮（点击删除我）”；
$（'.seconddiv'）。追加（''+返回值+''）；
bindFunc（）
});
//任何需要重新索引的Js代码
函数bindFunc（）{
$（'.remove'）。单击（函数（）{
$（this.remove（）；
});
}
});

---

添加新html时，它不会绑定到JS，因此必须重新绑定它

您可以将单击事件处理程序改为附加到文档

$( document).on("click", ".remove",function() {
      $( this ).remove();
});

---

非常感谢您。昨天花了我5个小时。我快疯了。谢谢：）非常感谢。昨天花了我5个小时。我快疯了。谢谢：）

<div class="firstdiv"><button id ="add" >add</button></div>
<div class="seconddiv"><button class ="remove" >click to delete me</button></div>

$(document).ready(function(){

    //intial call on load
    bindFunc()

    $('#add').click(function(){
        var return_value = "appended button (click to delete me)";
        $('.seconddiv').append('<button class ="remove">'+return_value+'</button>'); 
         bindFunc()
    });

    //any Js code that needs to be rebinded
    function bindFunc(){
        $( '.remove' ).click(function() {
              $( this ).remove();
        });
    }


});

$( document).on("click", ".remove",function() {
      $( this ).remove();
});