大家好我想在我网站的div中制作一张桌子,我需要多次复制父div和他的孩子。我已经尝试了2天了,我找不到完美的组合来做到这一点,这就是我所做的。
$(document).ready(function () {
var obj = $(".food-content");
for (var i=0;i<12;i++){
$(obj).appendd(obj.clone(true));
}
});
这是codepen的链接: http://codepen.io/anon/pen/mOjzVM
我需要12份“食物内容”的副本,并且需要将其附加到文档准备好的相同元素上。有人请完成此代码;?
答案 0 :(得分:0)
您的代码问题:
您已将obj
定义为$(".food-content")
,因此它是对HTML对象的jQuery引用。调用$(obj)
会返回错误,因为$()
需要字符串作为输入,而不是引用。您应该使用obj
代替。
append()
拼写错误。此外,您正在错误地使用该功能。如果要克隆元素,则必须附加到父,而不是自身。否则,你会在彼此内部获得多个obj
元素,这不是你想要的。
更正后的代码如下:
$(document).ready(function () {
var obj = $(".food-content");
for (var i=0; i<12; i++){
$('body').append(obj.clone());
}
});
请注意,body
应该替换为父元素(如果有的话)。
此外,您的CodePen没有启用JQuery库。如果你想在CodePen中测试代码,你应该修复它。