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

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

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

像这样的东西：

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

Answer 3

尝试这个

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

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

Answer 4

尝试这个。

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

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


 });

Answer 5

尝试这个：

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