javascript - 从 HTML 表中删除行

Question

我有一个相当大的表，我在其中动态删除一些行。它有效，但速度非常慢。现在大约需要。在 IE8 和 Firefox 上 1.5 秒删除 50 行(浏览器之间几乎没有区别)。

我知道 DOM 操作通常很慢，但必须有更快的方法来做到这一点。

现在，我正在使用以下语法:

$("#myTable tr").slice(250, 300).remove();

slice() 方法中的偏移量可能会有所不同。我使用 slice() 因为 jQuery 帮助和其他方法推荐这样做来执行相同的操作 - 例如 find() 或 eq() - 哪里不快。我读到有关在删除之前执行 empty() 的内容，但这甚至更慢。

Answer 1

考虑使用实际的 javascript，以防 jQuery 触发渲染刷新:http://jsfiddle.net/MbXX5/

var removeRows = function(ofTable,from,to) {
    for(var row=to; row>=from; --row) {
        ofTable.deleteRow(row);
    }
};

正如您在 jsfiddle 中看到的，这是即时的。请注意，我正在反向遍历数组，以便行号保持正确。这有可能提高性能，具体取决于浏览器使用的 DOM 代码和 JIT 策略。

[编辑:带有颜色编码单元格的新 jsfiddle，使哪些行消失非常明显]