删除js数组中的html元素的最佳方法是什么？

Question

我需要的是一个JS函数deleteSelected（） 这将从我的HTML页面中删除selectedDivs数组中的元素。什么是最有效的方法？

删除已选中 HTML：

<div class="DRAGGABLE ui-draggable" onclick="addDevice(this)" style="position: absolute; width: 240px; height: 41px; top: 126px; left: 27px;">
  <img id="PMF00" src="/devices/AIRC1-010.gif">
</div>

JS：

function addDevice(e) {
  if ($ctrlBeingpressed == true) {
    selectedDivs.push(e);
    e.style.border = "2px dotted black";
  }
}

显然已经有了这样的帖子：/

Answer 1

如果您的selectedDivs数组包含实际的DOM元素，则可以执行以下操作：

function deleteSelected() {
   for (var i = 0; i < selectedDivs.length; i++) {
      var el = selectedDivs[i];
      el.parentNode.removeChild(el);
   }
   selectedDivs = [];
}

Answer 2

您需要使用removeChild方法

for (var i = 0, len = selectedDivs.length; i< len; i++){
  var node = selectedDivs[i];
  node.parentNode.removeChild(node);
}