html - 要计算 X 个 img，创建 n°X 个 div 并将 imgs 附加到创建的 div

Question

各位早上好，我的 div 和 imgs 有问题。

所以，例如，我已经将数量 X 的 imgs 放入一个 div（在本例中为 #content_project），现在我想创建数量 X（来自 imgs 的数量）的 div（在本例中为 #content），追加它一个一个（每个）之前调用的img，将所有这些创建的（#content）附加到#contenitore_project 中，最后从div #content_project 中删除旧的img。

所以，这是之前的代码：

<div id="content_project">
    <a><img src="#" /></a>
    <a><img src="#" /></a>
    <a><img src="#" /></a>
</div>

<div id="contenitore_project">
</div>

我想用jquery做到这一点：

<div id="content_project">
</div>

<div id="contenitore_project">
    <div id="content"><img src="#" /></div>
    <div id="content"><img src="#" /></div>
    <div id="content"><img src="#" /></div>
</div>

我希望你明白。

坦率

Answer 1

这是一个单行：

$('#content_project img').unwrap().wrap('<div class="content">').parent().appendTo('#contenitore_project');

• $('#content_project img')选择您的图像标签。
• .unwrap()摆脱他们的父<a>标签。
• .wrap()用自己的<div class="content">元素包装每一个。
• .parent()选择<div>，而不是<img>标签。
• .appendTo('#contenitore_project')将它们全部移动到另一个元素。

演示：http: //jsfiddle.net/QyYeX/