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

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

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

---

您只需执行以下操作：

var x=$（this.find（'img'）.clone（）

我建议您签出克隆“”功能

在您的代码中，您实际上是在移动图像，当您在变量“x”中指定图像时，它将dom元素保存在该变量中。这是一个参考。事实上，您正在保存文档中的所有图像

希望这有帮助，请让我知道

---

Alexander先生这是因为DOM节点只能有一个父节点。将其附加到另一个元素将使其成为另一个元素的子元素。在附加

img

元素之前，使用

.clone

方法克隆该元素

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