jquery - 从非常大的表中删除所有行的最快方法

Question

我认为这可能是一种快速删除非常大的表(3000行)内容的方法:

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

但是在firefox中完成大约需要5秒钟.我做的事情是愚蠢的(除了尝试将3000行加载到浏览器中)？有更快的方法吗？

Answer 1

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

这和你一样快.

Answer 2

最好避免任何类型的循环,只需直接删除所有元素,如下所示:

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

Answer 3

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

它不会触及标题。

Answer 4

使用分离比这里的任何其他答案要快很多：

$('#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：冻结，再也不会返回