Question

我有一个<div>标记，我在其中通过Javascript动态添加<table>：

var htmlText = "<table id='table_" + id + "'><tbody>";
htmlText += "<tr> <td><img src='../../Icons/action_delete.gif' onclick='javascript:RemoveUser(\"" + id + "\");' /></td> <td>" +  name + " </td></tr>";
htmlText += "</tbody></table>";
document.getElementById("divSearchUsers").innerHTML += htmlText;

我在div中添加了多个表。现在我想删除一个特定的表。我在RemoveUser函数中获取表的ID。我该如何处理？

Answer 1

与非jQuery有关：

Remove dom element without knowing its parent?

function removeElement(el) {
    el.parentNode.removeChild(el);
}

Answer 2

由于html元素的id应该是唯一的，你可以使用remove method来直接删除它。

使用jQuery

$('#tableIdToRemove').remove();

使用Javascript

tableIdToRemove = document.getElementById("tableIdToRemove");
tableIdToRemove.parentNode.removeChild(tableIdToRemove);

或

如果您有html并且父表有chance of duplicate ID，那么您可以访问与其父表相关的表，如下所示。

$("#divSearchUsers").find('#tableIdToRemove').remove();

Answer 3

获取元素ID并使用remove（）

$("#table_id").remove();

Answer 4

如果你想删除内部html那么你应该做这样的事情：

document.getElementById('table_' + id).innerHTML = "";

从<div>标记</div>中删除表

4 个答案: