一次设置HTML表格行

时间:2015-08-24 19:37:55

标签: javascript jquery html

我目前有代码贯穿html表的每一行,并使用不同的行进行更新。

这是代码

    function sort(index) {
        var rows = $table.find('tbody tr');
        var a = $table.find('tbody tr');

        //Only sort if it has not been sorted yet and the index not the same
        if(sortedIndex === index){
            for(var i = 0; i < rows.length; i++){
                a[i].outerHTML = rows[(rows.length - i)-1].outerHTML;
            }
            toggleSorted();
        }else{
            sortedIndex = index;
            rows.sort(naturalSort);

            for (var i = 0; i < rows.length; i++) {
                a[i].outerHTML = rows[i].outerHTML;
            }
            sortedDown = true;
        }

        $('#${tableId}').trigger('repaginate');
    };

我要做的是不要遍历for循环中的每一行并设置[i] .outterHTML = rows [i] .outterHTML;我想一次设置所有行。目前设置它们大约需要1.5秒,这非常慢....唯一的问题是我似乎无法找到这样做的方法。这有可能吗? (对于我正在使用的大数据集,需要1.5秒)。

1 个答案:

答案 0 :(得分:0)

不幸的是,只有这样才能同时设置所有行&#34;是循环遍历所有行并对每一行执行操作。可能有一些库具有方法和功能,使它看起来像你一次对所有行进行操作,但最终如果你想编辑一个集合中的每个元素,你需要迭代通过设置并执行每个元素的操作,因为HTML并没有真正提供任何逻辑上的链接&#34;链接&#34;元素的属性。