如何将HTML元素复制到另一个Div？

我想要做的是在点击“复制”后将图像的“源”或“html元素”复制到另一个div。 请参阅下面的示例

  
 Copy 
  
 Copy 
  
 Copy 

一旦我按下复制’按钮’ – 图像HTML （不是图像本身）将被复制到这个div中（如下所示 – 包括alt标签图像源和标题标签）

 
 
    
 delete   

我并不担心我的div包含我要复制的图像，我主要担心的是复制图像html属性

我还希望有一个按钮能够通过按删除突出显示删除/删除任何图像。 看我上面的例子

注意：为了简化它 – 我想将图像源，标题标签，alt标签复制到这个div中，这样我就可以复制html元素。 当我突出显示并按删除时，我还希望能够删除#retered-container中的任何html。

Answer 1

 $('button').click(function(e){ $('#copiedimages').append($(this).prev('div.images').html()); }); $('#delete').click(function(e){ $('#copiedimages').html(' '); }); 

这是一个有效的演示： http ： //jsfiddle.net/Wsftp/

---

如果要将HTML复制为文本，只需将<和>替换为＆lt; 和＆gt;

 $('button:not("#delete")').click(function(e){ $('#copiedimages').append($(this).prev('div.images').html() .replace(/\/ig, '>')); }); 

参见示例： http ： //jsfiddle.net/Wsftp/1/

Answer 2

 newdivelement= document.getElementById("olddiv").cloneNode(bool); 

布尔是真是假

 $('#sel').clone().attr('id','newid').appendTo('#newPlace'); 

Answer 3

这对于Jquery的克隆来说是一个不错的工作：

 $("button.copy").click(function() { $(this).prev().children("img").clone().appendTo("#copiedimages"); }); 

使用clone，您还可以选择复制原始元素的任何数据和事件。 我还会在按钮中添加一个类，以确保选择正确的元素。