Javascript 使用按钮移除DIV

假设我有一个div，里面有一个按钮：

<div>
  <button id='delete_btn'>delete</button>
</div>

删除

删除该div和仅删除该div的jQuery代码是什么 因为我有另一个按钮，可以动态地添加上面示例代码的副本

所以我可以有这样的东西，但我只想删除包含按下按钮的div

<div>
  <button id='delete_btn'>delete</button>
</div>

<div>
  <button id='delete_btn'>delete</button> 
</div>

删除
删除

---

谢谢

id

在文档中不应重复。改用类。在click handler函数中，您可以将要删除的

元素的父元素作为目标：


$（文档）。在（'单击'，'上。删除函数（）{
$（this.parent（）.remove（）；
});

删除
删除
id
在文档中不应重复。改用类。在click handler函数中，您可以将要删除的
元素的父元素作为目标：


$（文档）。在（'单击'，'上。删除函数（）{
$（this.parent（）.remove（）；
});

删除
删除
这可以通过Vanilla JS和更新的
remove（）
方法轻松执行。如果IE支持不是必需的，请考虑以下事项；或者，如果需要IE支持，则无需太多修改以下内容：


document.addEventListener（'click'，函数（e）{
if（例如target.matches（'.delete_btn'））
e、 target.parentNode.remove（）
}，假）

删除1
删除2
这可以通过Vanilla JS和更新的
remove（）
方法轻松执行。如果IE支持不是必需的，请考虑以下事项；或者，如果需要IE支持，则无需太多修改以下内容：


document.addEventListener（'click'，函数（e）{
if（例如target.matches（'.delete_btn'））
e、 target.parentNode.remove（）
}，假）

删除1
删除2
id
应该是唯一的。当你说只有包含按钮的div意味着你想保留按钮？整个批次、div和里面的所有东西。
id
应该是唯一的。当你说只有包含按钮的div意味着你想保留按钮？整个批次、div和里面的所有东西。太棒了！我很接近，我尝试了$（this.parent.remove（）；缺少一个（），显然我使用了id而不是类。谢谢不过，我还有一个问题。当我按下按钮时，正在创建div。我使用jquery.append将这些添加到另一个div中。当我按下按钮时，动态创建的div不会删除，只有当div已经写入html时才会删除。@johnkawolski，要删除动态创建的元素，请使用
.on（）
…我已更新代码以使用动态创建的元素…..请检查…..谢谢。@johnkhawolski不要使用ID，请再次使用ClasseStanks！新代码运行得非常好。我也学到了一些东西！明亮的我很接近，我尝试了$（this.parent.remove（）；缺少一个（），显然我使用了id而不是类。谢谢不过，我还有一个问题。当我按下按钮时，正在创建div。我使用jquery.append将这些添加到另一个div中。当我按下按钮时，动态创建的div不会删除，只有当div已经写入html时才会删除。@johnkawolski，要删除动态创建的元素，请使用
.on（）
…我已更新代码以使用动态创建的元素…..请检查…..谢谢。@johnkhawolski不要使用ID，请再次使用ClasseStanks！新代码运行得非常好。我也学到了一些东西！令人惊叹的！感谢您的深入回答，我们将尝试此方法和jquery方法。太棒了！感谢您的深入回答，我们将尝试此方法和jquery方法。