javascript - Copying img element to another div using jQuery - Stack Overflow

admin管理员组

文章数量:1340522

I have a have simple div with a single image. I want to copy that same img element to another div.

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

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

I'm getting this:

[object HTMLImageElement]

Instead of the actual image tag rendering. Any ideas?

I have a have simple div with a single image. I want to copy that same img element to another div.

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

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

I'm getting this:

[object HTMLImageElement]

Instead of the actual image tag rendering. Any ideas?

• javascript
• jquery
• html
• image
• copy

Share Improve this question Follow asked Sep 9, 2013 at 16:26 sergsergsergserg 22.3k4343 gold badges133133 silver badges185185 bronze badges 1

• @Cherniv: That gives me something very similar, [object Object]. Which I then need to foo[0] and we're back at square one. – sergserg Commented Sep 9, 2013 at 16:30

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 8

try this:

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

working fiddle here: http://jsfiddle/GbF7T/

try this.

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

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


 });

Try this

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

If you don't need to replace content in #div2 use "append" or "prepend" instead of html. Eg : $('#div2').prepend(imageElement);

Since your img is within another div, you could use the .html() function.

Something like this:

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

try this:

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

本文标签： javascriptCopying img element to another div using jQueryStack Overflow