La copie img élément à un autre div en utilisant jQuery

J'ai un simple div avec une image unique. Je veux copier de la même img élément à un autre div.

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

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

J'obtiens ceci:

[object HTMLImageElement]

À la place de la balise image de rendu. Des idées?

  • Cela me donne quelque chose de très similaire, [object Object]. Dont je puis avoir besoin de foo[0] et nous sommes de retour à la case départ.
InformationsquelleAutor sergserg | 2013-09-09
  1. 7

    essayez ceci:

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

    de travail violon ici: http://jsfiddle.net/GbF7T/

    InformationsquelleAutor maverickosama92
  2. 0

    de l'essayer.

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

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


 });
    • Ne fonctionne pas, comme ci-dessus; cela me donne [object Object].
    • essayez la mise à jour de réponse.
    InformationsquelleAutor sudhAnsu63
  3. 0

    Essayer cette

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

    Si vous n'avez pas besoin de remplacer le contenu dans #div2 utilisation "ajouter" ou "ajouter" au lieu de html.
    Par exemple : $('#div2').prepend(imageElement);

    InformationsquelleAutor Sree
  4. 0

    Depuis votre img est dans une autre div, vous pouvez utiliser le .html() fonction.

    Quelque chose comme ceci:

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