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 のコンテンツを置き換える必要がない場合は、html の代わりに「append」または「prepend」を使用します。例: $('#div2').prepend(imageElement);