克隆單個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());