javascript - 如何将一个div的内容复制到另一个div

Question

我正在尝试使用 jquery 将选定 div 内的单个元素复制到另一个 div。但是用我的代码将整个部门复制到另一个部门..

我的代码是:

$('#image').html($('#selected').html());  //which copies entire content of #selected division

划分为:

<div class="imgs" id="selected">
<img width="100%" height="100%" data-id="1" data-alid="1" src="data:image/jpeg;base64,">
<div class="xyz"><a href="#">Xyz</a></div>
</div>

我只需要从 div imgs 复制 img

请任何人帮助我......谢谢......

Answer 1

下面是一个示例，它使用 id “selected” 元素在元素内复制第一个 img 元素code> 并将其附加到具有 id 的元素 "image":

$("#selected > img").first().clone().appendTo("#image");

使用:

• $()查找 direct children 的所有 img 元素具有 id "selected"

的元素

• first()将其减少到仅第一个匹配的 img

• clone克隆(复制)它

• appendTo将其附加到具有 id "image"

的元素

<小时/>

花一个小时阅读 jQuery API docs 非常值得开始到结束。令人惊奇的是，这将为您在长期错误中节省大量时间。