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

时间:2011-10-12 01:00:38

标签: javascript jquery

克隆元素的语法是什么,分配时间为5次?    例如,在html中我有这个元素

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

我有这个克隆按钮,一旦我点击它就会复制元素。然后问题是我怎么能只想复制它5次,这意味着在我第五次点击复制按钮后,我将无法复制元素并得到像“已经超出最大值”的alart?提前谢谢!

2 个答案:

答案 0 :(得分: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!')   
    }
});

答案 1 :(得分: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/