Question

我有一个简单的div与单个图像。我想将相同的img元素复制到另一个div。

$('.copy').click(function() {
    imageElement = $(this).siblings('img.source')[0];

    item = $('<div class="item">' + imageElement + '</div>');
});

我得到了这个：

[object HTMLImageElement]

而不是实际的图像标记渲染。有什么想法吗？

Answer 1

试试这个：

$("#btnCopy").on("click",function(){
    var $img = $("#firstDiv").children("img").clone();
    $("#secondDiv").append($img);
});

在这里工作小提琴：http://jsfiddle.net/GbF7T/

Answer 2

试试这个。

$('.copy').click(function() {
    imageElement = $(this).siblings().find('img').eq(0);

 $("div.item").append(imageElement.clone());


 });

Answer 3

由于你的img在另一个div中，你可以使用.html()函数。

这样的事情：

$('.copy').on('click', function(){
    var orig = $(this).children('img');
    var otherDiv = $('#otherDiv');
    otherDiv.html(orig.html());
});

Answer 4

试试这个

    $('.copy').click(function() {
         var imageElement = $('#div1').html();
         $('#div2').html(imageElement);
    }

如果您不需要替换#div2中的内容，请使用“append”或“prepend”而不是html。例如：$（'＃div2'）。prepend（imageElement）;

使用jQuery将img元素复制到另一个div

4 个答案: