要计算im的X,创建n的X个div并将imgs附加到创建的div

时间:2013-02-27 22:01:33

标签: html image each counter

早上好, 我有div和imgs的问题..

所以,例如,我有一个X的imgs到div(在这种情况下,#content_project),现在我想创建div的数字X(来自imgs的数量)(在这种情况下,#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>

我希望你明白。

1 个答案:

答案 0 :(得分: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/