如何在每個使用jQuery的img標籤之間添加新的div？

Question

這是我的代碼：

<div class="sample"> 
    <img src="images/i1.jpg"/> 
    <img src="images/i2.jpg"/> 
    <img src="images/i3.jpg"/> 
    </div> 

我要追加這樣的，但創建類和使用jquery動態追加：我試過，但我的邏輯是錯誤的，因此任何人幫助

 <div class="sample"> 
    <div class="new"> <img src="images/i1.jpg"/> </div> 
    <div class="new"> <img src="images/i2.jpg"/> </div> 
    <div class="new"> <img src="images/i3.jpg"/> </div> 
    </div> 

    $('img').each(function(){ 
var that = $(this);  
var v = document.createElement('div'); 
v.setAttribute('class','new'); 
$(v).append(that); 
$('sample').append(v); 
}); 

Answer 1

你可以使用wrap方法：

$('.sample img').wrap('<div clas="new"></div>'); 

，如果你的類選擇添加.您的代碼也可以工作：

$('sample').append(v); 
// ^--- 

http://jsfiddle.net/6hYFc/

Answer 2

$('img').wrap('<div class="new">content</div>') 

應該是所有你需要

Answer 3

$('.sample img').wrap('<div class="new"></div>');