如何克隆一个元素特定次数

发布于 2024-12-09 08:47:05 字数 242 浏览 0 评论 0原文

克隆具有指定次数（例如 5 次）的元素的语法是什么？例如，在 html 中，我有这个元素

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

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

原文

what's the syntax to clone an element with assigned times like 5 times?
For example, in the html I have this element

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

and I have this clone button which will copy the element once very time I hit it. Then the problem is how can I like just want to copy it 5 times which means after the fifth time I click the copy button, I won't be able to copy the element and get an alart like "already excess maximum "? Thanks in advance!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

枯叶蝶 2024-12-16 08:47:05

嗯……

.clone()

并记录您调用 .clone() 的次数。非常简单。

示例：

var counter = 0;

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

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

Ummm...

.clone()

... and keep a counter on the number of times you call .clone(). Its very simple.

Example:

var counter = 0;

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

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

回复收藏 0 原文

絕版丫頭 2024-12-16 08:47:05

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>

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

JS Fiddle
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>

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

回复收藏 0 原文

~没有更多了~