克隆单个div的内容与同一类

Question

我想克隆只有内容的点击的div与相同的类，但不同的ID。已经尝试了几个答案，没有运气。 已尝试此功能 $（this）.next（'。pick'）。clone（）。appendTo（'＃four'）;

这里是我作为一个例子。

<div id="one" class="pick"> 
One 
</div> 
<div id="two" class="pick"> 
Two 
</div> 
<div id="three" class="pick"> 
Three 
</div> 
<div id="four" class="pickfour"> 
Four 
</div> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".pick").click(function(e){ 
    e.preventDefault(); 
     $(function(){ 
$(".pick", this).clone().appendTo('#four'); 
    }); 
}); 
}); 
</script> 

Answer 1

没有必要对第二Domready代码，只需使用$(this)作为一个选择：

$(document).ready(function() { 
 
    $(".pick").click(function(e) { 
 
    e.preventDefault(); 
 

 
    $(this).clone().appendTo('#four'); 
 

 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="one" class="pick"> 
 
    One 
 
</div> 
 
<div id="two" class="pick"> 
 
    Two 
 
</div> 
 
<div id="three" class="pick"> 
 
    Three 
 
</div> 
 
<div id="four" class="pickfour"> 
 
    Four 
 
</div>

Answer 2

如果你想要克隆的内容，你只能得到它的innerHTML。

$("#four").append($(this).html());