以编程方式删除html元素

Question

我的web api Web应用程序出现了问题。启动时，应用程序显示空白地图，当我按下搜索时，会出现另一个地图。我的问题是如何以编程方式删除第一张地图。这些是解释情况的图片（开始时）：

点击搜索时：

这是我的地图html代码：

<div id="world-map" class="forDelete" style="width: 600px; height: 400px" >

    </div>

这是我试过的。我将下一行代码添加到单击搜索时绘制地图的函数中。

$("#forDelete").Remove();

为什么这不起作用的任何建议？或者可能解决方案 附：我第一次在html和java脚本中编码。

Answer 1

它是一个类，所以它没有哈希。它应该是这样的：

$(".forDelete").remove();

否则，如果您想使用元素的idi：

$("#world-map").remove();

还要记住JS是封顶敏感的，所以它不是。删除但是 .remove（）

Answer 2

您使用了错误的功能（如果 删除 是一项功能）。

请使用 .remove（）。

您可以看到更多信息here

编辑：

正如其他答案所说，您也使用错误的 选择 ，对于您必须使用的课程 ＆＃34;。＆＃34 ; 请参阅here

Answer 3

使用jquery可以同时使用remove（）和detach（）方法

jQuery("#world-map").remove(); or jQuery("#world-map").detach();

使用普通的javascript

var elem = document.getElementById('world-map');
 elem.parentNode.removeChild(elem);