如何将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>

我只需要复制img div

中的imgs

请有人帮助我...谢谢....

Answer 1

以下是使用img id在元素中复制第一个 "selected"元素的示例，并将其附加到带有{的元素{1}} id：

"image"

使用：

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

查找元素direct children的所有id个元素

• first()将其缩减为第一个匹配的"selected"

• clone克隆（复制）

• appendTo使用img id

将其附加到元素

---

非常值得花费一小时阅读jQuery API docs开始结束。令人惊讶的是，在长时间的错误中，能节省多少时间。

Answer 2

你想从#selected div中选择img吗？

如果是这样的话

$('#image').html($('#selected img').html()); 

Answer 3

使用此...

$('#image').html($('#selected').innerHTML());