javascript - jQuery克隆不克隆

Question

我有这个：

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

和：

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

但这会将 .spacer元素移动到.header元素，而不是复制它。

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

<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');

有任何想法吗？

看到这个小提琴。

1. 橙色是我要粘贴项目的位置
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');
 });