如何在文档准备好的情况下复制html元素和样式

Question

大家好我想在我网站的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份“食物内容”的副本，并且需要将其附加到文档准备好的相同元素上。有人请完成此代码;？

Answer 1

您的代码问题：

1. 您已将obj定义为$(".food-content")，因此它是对HTML对象的jQuery引用。调用$(obj)会返回错误，因为$()需要字符串作为输入，而不是引用。您应该使用obj代替。

2. append()拼写错误。此外，您正在错误地使用该功能。如果要克隆元素，则必须附加到父，而不是自身。否则，你会在彼此内部获得多个obj元素，这不是你想要的。

更正后的代码如下：

$(document).ready(function () {
  var obj = $(".food-content");
  for (var i=0; i<12; i++){
    $('body').append(obj.clone());
  }
});

请注意，body应该替换为父元素（如果有的话）。

此外，您的CodePen没有启用JQuery库。如果你想在CodePen中测试代码，你应该修复它。