如何克隆具有特定次數的元素

Question

克隆具有5次分配時間的元素的語法是什麼？ 例如，在HTML我有這個元素

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

，我有這個克隆按鈕，將再次複製件很費時間，我打它。那麼問題是我怎麼能喜歡只是想複製它5次，這意味着第五次點擊複製按鈕後，我將無法複製元素，並得到像「已經超額最大值」的alart？提前致謝！

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!') 
    } 
});