使用相同的类克隆单个div内容

时间:2016-02-29 02:13:43

标签: jquery

我正在尝试仅使用相同的类但不同的ID来克隆所单击的div的内容。尝试了几个没有运气的答案。 也试过这个     $(本)的.next(' .pick&#39)。克隆()appendTo('#4&#39);

以下是我的例子。

<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>

2 个答案:

答案 0 :(得分:0)

不需要第二个f 1 2 f 1.4 1.2 f "foo" "bar" 代码,只需使用Domready作为选择器:

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

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

  });
});

答案 1 :(得分:0)

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

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