首页 > 解决方案 > DOM 表搜索性能 JQuery

问题描述

我有一个单页应用程序网站,它是用 .net 开发的,前端是用 Jquery 编写的大量脚本。我在 Jquery 中引入了一个新功能,该功能需要处理 DOM 表,当 DOM 表达到数千行以上时,它会导致很长的延迟。

//The line of code given below causes slow down 
var Linecode = $('#content').children(0).find('tbody tr:Contains(' + partNo +  ') td:nth-child(10)').text(); 
 // complete function given below.
getOriginalPartNoForConsumables: function (partNo, IfAltBtnClicked) {
var Linecode = $('#content').children(0).find('tbody tr:Contains(' + partNo + ') td:nth-child(10)').text();
   for (var x = 0; x < Object.keys(pricing.partsWithPrices).length; x++) {
           var item = pricing.partsWithPrices[x];
               $(item).each(function () {
            if (item["partno"] == partNo && item["linecode"] == Linecode) {
                    partNo = item["partno"] + "*" + item["linecode"];
                }
            })
        }     
    return partNo;
}

是否可以以一种可以提高 DOM 表搜索性能的方式重写此函数。请注意:此函数被多次调用,因为每次都必须从 DOM 表中获取值以实现所需的输出,并且它不查看 DOM 层次结构中的任何其他区域。
任何帮助将不胜感激!

标签: jquery

解决方案


推荐阅读