克隆元件|对于每个|最大调用堆栈超过错误

我的目标非常简单。我有一个有50个元素的数组。根据数组的长度，我需要克隆HTML文档中现有的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"); 
    });

来源

2017-03-09 Sricharan Krishnan

什么是“内容”？显示它 – Satpal

它只是一个数组，为了使事情更具描述性，它具有的对象有我想要使用的数据，一旦我的div元素的50次克隆完成了。 –

{name：“some String”，lname：“something else”}，{name：“some String”，lname：“something else”}，{name：“some String”，lname：“something else”}， {name：“some String”，lname：“something else”}，{name：“some String”，lname：“something else”}，{name：“some String”，lname：“something else”}] –

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

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

来源

2017-03-09 10:41:11

@Minh帽子 - 不知道为什么我需要删除班级，我需要他们.. –

@Minh帽子 - 我只是采取了你的规定格式，通过添加一个“：第一个”的附加tweeked它。基本上，当我得到你的回应时，我有点想清楚了。但我只想说谢谢你的回复，我很感激！ –

将每个数组值绑定到每个div /元素将导致可怕的性能问题。有一个更好的方式来做到这一点，这是有约束力的负载事件值到div /元素

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

了解更多您可能感兴趣这篇文章事件delegate

来源

2017-03-09 10:36:36 rselvaganesh

你好@rselvaganesh，所以我把我的克隆过程放在哪里，但是克隆过程仍然不清楚，请把它放在哪里...... –

克隆元件|对于每个|最大调用堆栈超过错误

回答

相关问题