3

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

<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

有人对如何加快这个过程有任何建议吗？

4

2 回答 2

5

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

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

于 2013-01-04T18:46:40.900 回答
1

尝试.closest()

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

var id = $("select").closest(".lineItem-container").attr("id").substring(6);
于 2013-01-04T18:44:11.073 回答