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);
}

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

3 个答案: