使用jQuery将图片从一个div添加到另一个div

Question

我想使用jQuery将div上的图像添加到另一个div,但是当我这样做时,图像从原始div中消失.我希望图像被复制而不是移动.这是当前的代码.

$( ".rectangle" ).click(function() {
    $('.bigRectangle').css('display','block');
    $(".notBig").css('opacity',0.2);
    var x = $(this).find('img');
    $('.bigRectangle').append(x);
});

Answer 1

这是因为DOM节点只能有一个父节点.将其附加到另一个元素会将其移动为另一个元素的子元素.在附加元素之前使用该.clone方法克隆img元素.

$('.bigRectangle').append(x.clone());