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

【问题标题】：To count X of imgs, create n°X of divs and append imgs to divs created要计算 X 个 img，创建 n°X 个 div 并将 imgs 附加到创建的 div
【发布时间】：2013-02-13 22:09:36
【问题描述】：

早安，伙计们，我的 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>

希望你能理解。

弗兰克

【问题讨论】：

您的标记无效。您不能有多个具有相同 id 的元素。
您是说这是当前正在发生的事情，还是您希望发生的事情？
希望发生！！！对于 Blender：你是什么意思？
@user12932：您有三个元素的 id 和 content。您不能拥有多个具有特定 id 的元素。

标签： html image each counter

【解决方案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/

【讨论】：