Javascript 无法删除动态创建的Div

我正在使用名为sampageswrapper的jquery动态创建一个div，问题是我想检查是否已经创建了名为sampageswrapper的div，然后将其删除

<div id="container2" class="container" style="width:600px; height: 700px" name="container2">
Enter Color Name and use + to add more colors:
<input id="byname" type="text" name="byname">
<br>
<br>
<div class="sampageswrapper">
<div class="pagenumbering" align="center" style="clear: both; margin-top:12px; color:#FFF">
<div class="buttons">
</div>
<div class="pagecount" align="center">
</div>
<div class="sampageswrapper">
</div>

但是我无法删除该div，请指导我。

您正在根据ID选择sampageswrapper，但您应该在类上进行测试

jQuery('#container2').find('.sampageswrapper').remove(); 
jQuery('#container2 .sampageswrapper').remove(); // works too

您正在根据ID选择sampageswrapper，但应该在类上进行测试

jQuery('#container2').find('.sampageswrapper').remove(); 
jQuery('#container2 .sampageswrapper').remove(); // works too

---

看起来您有重复的id，因为id必须是唯一的。您可以使用类来代替动态添加的元素，然后您可以执行以下操作：

if ($("#container2 .sampageswrapper").length > 0) {
    jQuery('#container2').find('.sampageswrapper').remove();
}

---

看起来您有重复的id，因为id必须是唯一的。您可以使用类来代替动态添加的元素，然后您可以执行以下操作：

if ($("#container2 .sampageswrapper").length > 0) {
    jQuery('#container2').find('.sampageswrapper').remove();
}

---

您尝试删除id为sampageswrapper的对象，但在html中，该对象是类名。在remove语句中使用.sampageswrapper

尝试删除id为sampageswrapper的对象，但在html中，该对象是类名。在remove语句中使用.sampageswrapper

添加断点：

if ($("#sampageswrapper").length > 0) {
   debugger;
   jQuery('#container2').find('#sampageswrapper').remove();
}

打开控制台并刷新页面，在断点上停止后，在控制台中运行以下命令：

jQuery('#container2')

确保它返回您期望的对象。然后在控制台中运行此命令：

jQuery('#container2').find('#sampageswrapper')

在这里你会看到它什么也没有返回。这是因为“sampageswrapper”选择器错误，应改为类选择器：

jQuery('#container2').find('.sampageswrapper')

每当您遇到涉及jquery选择器的代码问题时，都应该执行此过程，以便您可以将注意力集中在导致问题的特定选择器上。

添加断点：

if ($("#sampageswrapper").length > 0) {
   debugger;
   jQuery('#container2').find('#sampageswrapper').remove();
}

打开控制台并刷新页面，在断点上停止后，在控制台中运行以下命令：

jQuery('#container2')

确保它返回您期望的对象。然后在控制台中运行此命令：

jQuery('#container2').find('#sampageswrapper')

在这里你会看到它什么也没有返回。这是因为“sampageswrapper”选择器错误，应改为类选择器：

jQuery('#container2').find('.sampageswrapper')

每当您遇到涉及jquery选择器的代码问题时，您都应该经历这个过程，这样您就可以专注于导致问题的特定选择器

使用类选择器而不是id选择器

---

使用类选择器而不是id选择器

您使用的是一个id选择器，但您似乎正在使用它创建div作为类？在开始使用Javascript之前，还要确保您的HTML标记是正确的。对不起，我仍然知道您使用的是一个id选择器，但是你似乎在创建div，并将其作为类？在开始使用Javascript之前，还要确保你的HTML标记是正确的。对不起，我还在学习