jQuery-从大型表中删除所有行的最快方法

我认为这可能是删除非常大的表（3000行）中内容的快速方法：

$jq("tbody", myTable).remove();

但是在Firefox中完成大约需要五秒钟。我是否在做一些愚蠢的事情（除了尝试向浏览器加载3000行之外）？有更快的方法吗？

$("#your-table-id").empty();

那样快就可以了。

最好避免任何形式的循环，只需像这样直接删除所有元素：

$("#mytable > tbody").html("");

使用分离的速度比此处的其他任何答案都快：

$('#mytable').find('tbody').detach();

不要忘了将tbody元素放回表中，因为detach删除了它：

$('#mytable').append($('<tbody>'));  

另请注意，说话时的效率$(target).find(child)语法比快$(target > child)。为什么？ 嘶嘶声！

清空3,161表格行所用的时间

使用Detach（）方法 （如上面的示例所示）：

• Firefox：0.027秒
• 铬：0.027秒
• 边缘：1.73秒
• IE11：4.02s

使用empty（）方法：

• Firefox：0.055秒
• 铬：0.052s
• 边缘：137.99秒（可能会冻结）
• IE11：冻结且永不返回

$("#myTable > tbody").empty();

它不会碰到标题。

我可以在这里看到两个问题：

1. jQuery的empty（）和remove（）方法实际上做了很多工作。有关原因，请参见John Resig的JavaScript函数调用分析。

2. 另一件事是，对于大量表格数据，您可能会考虑使用数据网格库（例如出色的DataTables）从服务器动态加载数据，从而增加了网络调用的数量，但减小了这些调用的大小。我有一个非常复杂的表，其中有1500行，但运行起来很慢，更改为新的基于AJAX的表会使相同的数据显得相当快。

如果您只想快速删除..您可以执行以下操作..

$( "#tableId tbody tr" ).each( function(){
  this.parentNode.removeChild( this ); 
});

但是，表中可能有一些事件绑定的元素，

在这种情况下，

上面的代码并不能防止IE ... TT中的内存泄漏，而在FF中不是很快...

抱歉....

这对我有用：

1-为每行“ removeRow”添加类

2-在jQuery中

$(".removeRow").remove();

你可以试试这个...

var myTable= document.getElementById("myTable");
if(myTable== null)
    return;
var oTBody = myTable.getElementsByTagName("TBODY")[0];
if(oTBody== null)
    return;
try
{
    oTBody.innerHTML = "";
}
catch(e)
{
    for(var i=0, j=myTable.rows.length; i<j; i++)
        myTable.deleteRow(0);
}