用jQuery重复元素
用jQuery重复元素
提问于 2011-11-23 13:43:16
我确信这对合适的人来说是显而易见的，但是我如何用jQuery重复一个元素呢？确切地说，我希望jQuery重复一个内联元素无数次；就像您使用CSS为背景纹理重复图形一样。我一直在研究.clone()和.each()，但是确实需要一些提示。
谢谢!
- J
回答 5
Stack Overflow用户
发布于 2011-11-23 13:49:47
关键线路：
$("#repeating").append($(".foobar").clone());虽然如果你无限地想要它，它将是一个无限循环(很明显)，而且不会太有用。
一个稍微合理的版本，无限地运行：
function repeat()
{
$("#repeating").append($(".foobar:first").clone());
}
$(function () {
setInterval(repeat, 1000);
});Stack Overflow用户
发布于 2011-11-23 13:50:29
while(true) {
$('#infinity-repeat').append('some text');
}但这段代码会让你的浏览器崩溃。更好的办法是多做几次。
Stack Overflow用户
发布于 2011-11-23 22:00:46
这里就是我想出来的：
setInterval(function(){
var length = $(".hi").length;
if(length >= 10){
// don't append
} else {
$("<div class='hi'>text</div>").appendTo("body");
}
}, 1);这里发生了几件事。首先(除了setInterval())，我们用类hi获取元素的长度。当然，一开始是0。然后我们检查它是否大于或等于10。如果是，我们没有附加它。否则，我们将继续追加。
这种情况一直持续到页面上有10个具有类hi的元素。当然，我只是把它限制在这里，让你看看它是如何工作的。如果您只是继续添加setInterval()，那么它看起来就像这 (而且这个不会使浏览器崩溃)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8249473
复制
相似问题
用ng重复多个元素-重复
用jQuery对重复列表中的元素排序
jQuery重复元素
jquery重复元素创建
jQuery prependTo() -重复的元素
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
