Question

我的目标非常简单。我有一个说50个元素的数组。根据数组的长度，我需要在HTML Doc中克隆现有的DIV元素。数组中有一些我想使用的数据，但我似乎无法超越我不断得到的最大调用堆栈错误。这是我的代码：

<div class = "SomeSuperParentElement">
    <div class = "someDiv" style = "display:none">
    </div>
</div>
    content = [length of this = 50];

    $.each(content, function(index) {
    $(".someDiv").clone().css("display", "").appendTo(".SomeSuperParentElement");
    });

Answer 1

将每个数组值绑定到每个div /元素将导致严重的性能问题。有一种更好的方法，即将load事件上的值绑定到div / element

$('div').load(function(e){
       var elem = e.target;
       if (elem.nodeName==''){
           //.... your business goes here....
           // remember to replace $(this) with $(Elem)
       }
})

了解更多您对本文关于活动delegate

感兴趣的内容

Answer 2

您应该删除克隆元素上的类someDiv，这会导致错误。

$.each(content, function(index) {
$(".someDiv").clone().removeClass('someDiv').css("display", "").appendTo(".SomeSuperParentElement");
});

克隆元素|每个|最大调用堆栈超出错误

2 个答案: