在div中找到图像并放在页面顶部的另一个div中

Question

我有2个div。一个位于页面顶部，另一个位于页面的下方。

像这样：

<div class="collectionHeader">
 <h1>Some title</h1>
 <div class="image"></div>
</div>

...... a lot of html code ..........

<div class="text">                  
  <img width="558" height="100" src="stoelen.jpg" />
  Lorem ipsum dolor sit amet etc....
</div>

我尝试实现的是在div中选择名为“text”的图像，并将此图像放在页面顶部名为“image”的div中。

我真的不知道如何实现这个目标！

任何帮助表示赞赏。

Answer 1

使用.appendTo()这会将元素插入目标的末尾，或者您也可以使用prependTo()将其作为第一个元素插入

$(".text").find("img").appendTo(".image")

Answer 2

您可以使用 .appendTo() ：

$(".text img").appendTo(".image");

或 .append()

$('.image').append($(".text img"));