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

【问题标题】：Copying img element to another div using jQuery使用 jQuery 将 img 元素复制到另一个 div
【发布时间】：2013-09-13 05:00:33
【问题描述】：

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

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

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

我明白了：

[object HTMLImageElement]

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

【问题讨论】：

@Cherniv：这给了我非常相似的东西，[object Object]。然后我需要foo[0]，我们又回到了第一格。

标签： javascript jquery html image copy

【解决方案1】：

试试这个：

$(".copy").on("click",function(){
    $("#a_clone").clone().appendTo("#b_clone"); 
});

【讨论】：

虽然此代码可能会回答问题，但提供有关它如何和/或为什么解决问题的额外上下文将提高答案的长期价值。您可以在帮助中心找到更多关于如何写好答案的信息：stackoverflow.com/help/how-to-answer。祝你好运?

【解决方案2】：

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

类似这样的：

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

【讨论】：

【解决方案3】：

试试这个

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

如果您不需要替换 #div2 中的内容，请使用“追加”或“前置”而不是 html。例如：$('#div2').prepend(imageElement);

【讨论】：

【解决方案4】：

试试这个。

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

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


 });

【讨论】：

不起作用，同上；这给了我[object Object]。

【解决方案5】：

试试这个：

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

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

【讨论】：