如何克隆指定次数的元素

Question

克隆一个指定时间的元素的语法是什么，比如5次？例如，在html中，我有这个元素。

<div name="test">
     this is a test
</div>

我有一个克隆按钮，每当我点击它时，它就会复制一次元素。那么问题是，我怎么可能只想复制它5次，这意味着在第五次单击复制按钮后，我将无法复制元素并得到类似“已超出最大值”的警报？提前感谢！

Answer 1

嗯..。

.clone()

..。并对调用.clone()的次数进行计数。这很简单。

示例：

var counter = 0;

function clonestuff(){
   if(counter < 5) {
      $(stuff).clone()...
      counter ++;
   } else {
      alert('sorry, excessive cloning detected!');
   }
}

http://api.jquery.com/clone/

Answer 2

JS小提琴

http://jsfiddle.net/DXcQQ/22/

HTML

<div id="content">
    <div name="test" id="item_0">
         this is a test
    </div>
</div>
<button id="btn">Click Me</button>

JS

var maxRows = 5;
var i = 1;

$("#btn").click(function() {     
    if(i < maxRows) {
        $('#item_0').clone().attr("id","item_" + i++).appendTo('#content');
    } else {
        alert('Max Rows Reached!')   
    }
});