从javascript中的HTML表格中删除一行

Question

我有管理HTML表的JavaScript代码。 该代码需要能够从HTML表中删除一行。

我目前正在使用以下代码删除该行：

var rowToDelete = ...;

if (rowToDelete)
    rowToDelete.remove();

这在Firefox和Chrome中正常运行，但是，当我在IE 11中加载页面并调出JavaScript调试器时，它将显示

对象不支持属性或方法“删除”

我尚未在IE的早期版本中尝试过此代码。

我该如何以跨浏览器的方式执行此操作？ 我的页面上确实包含jQuery，所以我可以使用jQuery方法。

Answer 1

Chrome在元素上支持.remove() 。
你应该做：

rowToDelete.parentNode.removeChild(rowToDelete);

如果要在IE中使用此功能，可以将该功能添加到HTMLElement原型中。

HTMLElement.prototype.remove = function (){
    this.parentNode.removeChild(this);
}

Answer 2

确保rowToDelete是一个jQuery对象，如下所示：

var rowToDelete = $('tr');
rowToDelete.remove();

Answer 3

如果这是dom元素，则可以执行

$(rowToDelete).remove();