Javascript jqueryclone不进行克隆

Javascript jqueryclone不进行克隆,javascript,jquery,Javascript,Jquery,我有这个: <div class="header"> </div> <div> <span class="spacer"></span> </div> 但如果复制它,则会将.spacer元素移动到.header元素 我不明白为什么这不起作用,因为in说: <div class="container"> <div class="hello">Hello</div> <di

我有这个:

<div class="header">
</div>
<div>
  <span class="spacer"></span>
</div>
但如果复制它,则会将.spacer元素移动到.header元素

我不明白为什么这不起作用,因为in说:

<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.再见'

有什么想法吗

看这个

橙色是我想粘贴项目的地方 黄色是间隔物 我要粘贴的项目有不同的颜色 底部的红色是我获取克隆的地方
你可能忘了分号;由于这是可行的:

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

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

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

我已经用小提琴调试过了,谢谢。我发现一个未关闭的div。

显示包含所显示代码的html;尝试创建一段可复制的代码。请为您的代码添加一个JSFIDLE。对我来说很好->我的FIDLE也可以;可能您使用的jQuery库有问题
$(document).ready(function(){
   $('.spacer').clone().appendTo('.header');
});