Question

“我在动态生成父ID的循环中包含了一些类似于下面的html，

<t:loop>
    <div id="demoid-10132165498794631" class="lineItem-container">
        <div>
            <select/>
        </div>
    </div>
</t:loop>

我正在尝试获取包含类lineItem-container的父元素的id。

我正在使用以下脚本来获取id，

var id = $("select").parents(".lineItem-container").attr("id").substring(6);

html可能会被循环到1000次，这导致ie8的性能非常差。我的假设是性能问题是由attr选择器引起的。

来自IE8的JS日志

Function    Count   Inclusive Time (ms) Inclusive Time %    Exclusive Time (ms) Exclusive Time %    Avg Time (ms)   Max Time (ms)   Min Time (ms)

attr    431,334 21,609.38   12.65   14,406.25   8.43    0.05    2,234.38    0
attr    431,382 20,265.63   11.86   12,203.13   7.14    0.05    31.25   0
ATTR    239,906 20,531.25   12.02   9,125.00    5.34    0.09    8,156.25    0
attr    241,475 11,531.25   6.75    7,312.50    4.28    0.05    31.25   0

有人对如何加快这一过程提出任何建议吗？

Answer 1

不要将attr选择器用于像id这样简单的东西。

将.attr("id")替换为[0].id

Answer 2

尝试.closest()

它会获得最近的祖先而不是all the parents for the element，这可能会消除额外的开销。

var id = $("select").closest(".lineItem-container").attr("id").substring(6);

jQuery ie8 attr性能不佳

2 个答案: