Javascript 将一个元素包装到新元素的正确位置

我有一个包含许多文本节点、段落和图像的内容。我想把所有的images标签放在一个父div中。我认为没有直接的方法可以做到这一点（我的意思是，在jQuery中）。我应该如何处理元素的这种位移。以下示例说明了我的意图：

原始内容：

<div id='content'>
  Here are some texts.
  A second line.
  <a href='http://google.com'>Click Here!</a>
  Another Line.
  <img src='image.jpg' />
  Another another line.
  <img src='secondImage.jpg' />
  Last line and many more to come.
</div>

这里有一些文本。
第二行。
另一行。
另一行。
最后一行还有更多。

处理后：

<div id='content'>
  Here are some texts.
  A second line.
  <a href='http://google.com'>Click Here!</a>
  Another Line.
  <div class='image-parent'>
    <img src='image.jpg' />
  </div> 
  Another another line.
<div class='image-parent'>
  <img src='secondImage.jpg' />
</div> 
  Last line and many more to come.
</div>

这里有一些文本。
第二行。
另一行。
另一行。
最后一行还有更多。

唯一不同的是，现在一个新的div正在包装每个图像。

用于包装每个元素周围的HTML结构

$（“#content>img”）.wrap（“”）
.image父对象{
边框：1px纯红；
}

这里有一些文本。
第二行。
另一行。
另一行。
最后一行还有更多。
用于围绕每个元素包装HTML结构


$（“#content>img”）.wrap（“”）
.image父对象{
边框：1px纯红；
}

这里有一些文本。
第二行。
另一行。
另一行。
最后一行还有更多。
$（“img”）.wrap（“”）
$（“img”）.wrap（“”）