jQuery clone没有克隆

Question

我有这个：

<div class="header">
</div>
<div>
  <span class="spacer"></span>
</div>

使用：

$('.spacer').clone().appendTo('.header')

但将 .spacer元素移至.header元素，而非复制。

我不明白为什么这不起作用，因为在documentation中说：

<div class="container">
  <div class="hello">Hello</div>
  <div class="goodbye">Goodbye</div>
</div>

转换为：

<div class="container">
  <div class="hello">Hello</div>
  <div class="goodbye">
    Goodbye
    <div class="hello">Hello</div>
  </div>
</div>

$('.hello').clone().appendTo('.goodbye');

有什么想法吗？

见fiddle。

1. Orange是我要粘贴项目的地方
2. 黄色是间隔符
3. 我要粘贴的项目有不同的颜色
4. 底部的红色是我获取克隆的地方

Answer 1

确保您的代码位于document.ready内。它指定DOM完全加载时要执行的函数。看起来在加载dom之前调用了你的函数

$(document).ready(function(){
   $('.spacer').clone().appendTo('.header');
});

Answer 2

我已经调试了小提琴，谢谢。我发现了一个我没有关闭的div。

Answer 3

您可能忘记了分号“;”因为这是有效的：

 $(document).ready(function(){
   $('.spacer').clone().appendTo('.header');
 });