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

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

Answer 2

您可以使用wrap方法：

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

如果您为类选择器添加.，您的代码也会有效：

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

http://jsfiddle.net/6hYFc/

Answer 3

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

应该是您所需要的一切

如何使用jquery在每个img标签之间追加一个新的div？

3 个答案: