你如何追加一个元素，但也保持原来的位置？

Question

我正在寻找一种方法来复制元素的确切代码并将其移动到另一个元素，同时将其保留在原始位置。

我有一些JS基本上你点击图片，然后图片将附加到一个框。 然而，图片完全移动。 我希望图片保持不变，然后移动到盒子里，因为我想要将它变灰而不是让它消失。

我不需要具体的答案，只需要一个关于如何实现这个目标的一般javascript答案，谢谢。

Answer 1

您可以通过创建克隆来实现此目的。

$('#div').append($('#image').clone())

Answer 2

既然你正在使用jQuery你尝试过clone()吗？ - 直接来自文档..

$( ".hello" ).clone().appendTo( ".goodbye" );

http://api.jquery.com/clone/

Answer 3

您可以获取图像的html，然后将其复制到图像容器：

JavaScript的

function addImageTo(element){
    var oldHTML = element.innerHTML;
    var appendHTML = document.getElementById('yourImage').innerHTML;

    element.innerHTML = oldHTML + appendHTML;
}

JQuery的

function addImageTo(element){
    element.append($('#yourImage').innerHTML);
}