在jQuery中克隆多少次？

Question

我正在使用#id, #id+number of times div has been duplcated的语法将一个项目设置为localStorage。这样做的原因是，我有一个按钮，当用户点击它的时候，它会在div中.clone()多少次，然后保存哪个div克隆的次数和多少次到本地存储中。然而，我的问题是，弄清楚如何将它.clone()回页面的次数与本地存储项中的数值一样多。

例如，如果本地存储项是这样的：(#one, #one-5)，我会希望将div one克隆到主体的5次。

到目前为止，我的代码可以在这里看到：

http://jsfiddle.net/charlescarver/fLJcs/2/

Answer 1

您需要使用某种带计数器的循环。for或while就足够了。

var max = 5;
for (var i=0; i<max; i++) {
    // clone here
}

或

var max = 5;
while(max--) {
    // clone here
}

Answer 2

将计数作为本地存储中的第二项不是更有意义吗？

(#one, 5)

无论如何，您希望使用一个循环来迭代n次(在本例中为5次)，并且每次都附加元素。

就像这样

// n is the number of times to clone (n=5 here)
for (var i = 0; i < n; i++) {
    // clone your element
}

Duplicate and Clone Elements Multiple Times也许也是有用的。一个小的jQuery插件来抽象这一点。

我不知道你是如何将它存储在本地存储中的，但是你可以stringify对象并存储它们。

myobject = {
  'id': 'one',
  'count': 5
}
// Save
localStorage.setItem('myobject', JSON.stringify(myobject));
// Retrieve
var myobject = JSON.parse(localStorage.getItem('myobject'));

现在你可以像myobject.id和myobject.count一样获取它的属性了。

Answer 3

我会这样做：

http://jsfiddle.net/LShYs/。

基本上，您只需添加一个循环：

for (var i=0; i< parseInt(all[1])-1; i++){
   duplicateDiv("#" + all[0]);
}                

并将单击事件提取到一个新方法(duplicateDiv)中，该方法现在将从单击处理程序和循环中调用。非常简单。