早上好, 我有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>
我希望你明白。
谢
答案 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')
将它们全部移动到另一个元素。