Javascript 通过单击元素来删除它

当用户单击按钮时，我有一个元素附加到body。 我想通过单击它来删除附加元素。我该怎么做

代码

$（“#btn1”）。单击（函数（）{
$（“正文”）。追加（“”）；
});
$（“.someClass”）。单击（函数（）{
$（this.remove（）；
});
.someClass{
宽度：100px；
高度：100px；
背景：绿色；}

append div
您需要使用
$（文档）。在（'click'，'someClass'，function（）{…}
语法。这是因为在加载JQuery时，DOM中不存在class
someClass
的元素。并且您希望将
click
事件关联到该元素中。因此，您需要从
文档
级别侦听该元素的
click
，以便在
时将someClass
元素添加到DOM中识别
单击它的
事件


$（“#btn1”）。单击（函数（）{
$（“正文”）。追加（“”）；
});
$（文档）.on（'click'，'someClass'，function（）{
$（this.remove（）；
})；
.someClass{
宽度：100px；
高度：100px；
背景：绿色；
}

append div
您需要使用
$（文档）。在（'click'，'someClass'，function（）{…}
语法。这是因为在加载JQuery时，DOM中不存在class
someClass
的元素。并且您希望将
click
事件关联到该元素中。因此，您需要从
文档
级别侦听该元素的
click
，以便在
时将someClass
元素添加到DOM中识别
单击它的
事件


$（“#btn1”）。单击（函数（）{
$（“正文”）。追加（“”）；
});
$（文档）.on（'click'，'someClass'，function（）{
$（this.remove（）；
})；
.someClass{
宽度：100px；
高度：100px；
背景：绿色；
}

append div
问题在于，
单击
事件将仅应用于已存在的元素。由于您要动态添加元素，因此需要改用该方法。这将向现有元素和以后动态添加的元素添加事件

例如：

$(document).on('click', '.someClass', function(){
    $("body").append("<div class='someClass'></div>");  
});

$（文档）.on（'click'，'someClass'，function（））{
$（“正文”）.append（“”）；
});
问题在于，
单击事件将只应用于已经存在的元素。因为您要动态添加元素，所以需要改用该方法。这将向现有元素和以后动态添加的元素添加事件

例如：

$(document).on('click', '.someClass', function(){
    $("body").append("<div class='someClass'></div>");  
});

$（文档）.on（'click'，'someClass'，function（））{
$（“正文”）。追加（“”）；
});
你需要使用a你需要使用a为什么我的代码不起作用？@Majid阅读答案。我提到了这个原因。
这是因为当…
你应该投票关闭question@Majid阅读我在上面评论中的链接为什么我的代码不起作用？@Majid阅读答案。我已经提到了原因。
这是because当…
您应该投票关闭question@Majid阅读我在上面评论中的链接