要計算X IMGS的，創建n個的div°X和追加IMGS到的div創建

Question

上午傢伙， 我已經div的和IMGS一個問題..

所以，我，例如，現在我想要創建div（在這種情況下，＃內容）的數字X（從imgs的數目）（在這種情況下，＃內容），將它的一個接一個（每個）稱爲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/