javascript - 结束表并在许多行之后重新开始

我有一个通过Cold Fusion输出的动态表。该表的创建很好，但是我正在做的事情之一就是使用JavaScript来获取表的externalHTML并将其分配给隐藏元素值。要注意的是，隐藏元素值需要具有每个表最多20行的表，并且原始表的总数可以是可变的。我需要将表的externalHTML读取到Javascript变量中，然后遍历内容并在20行之后结束表，然后创建一个新表，并继续将其余行添加到新表中。有什么建议么？

最佳答案

因此，您在服务器上使用ColdFusion输出具有许多行的表，并且您想在客户端上使用jQuery将大表切成许多较小的表，对吗？如果是这样，这是一种方法：

示例：jsfiddle

    var rows = $('#content tr');
    var maxTableSize = 3;
    while (rows.length) {
        var newRows = rows.splice(0, maxTableSize);
        $('<table><tbody>').append(newRows).appendTo('#output');
    }

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

您将需要使其适应于任何DOM，这是一个简短的示例，说明了它的工作原理，但您可能需要使其工作原理稍有不同，因此，如果这不是您想要的，请考虑发布jsfiddle。请注意，重复追加到DOM效率不高，因为它将触发大量重绘（浏览器端）。我想使这个示例保持简单-稍后可以阅读有关如何有效使用DOM的更多信息。

最好的办法是修改服务器端代码以根据需要吐出表！

关于javascript - 结束表并在许多行之后重新开始，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16084298/