然后换行元素在其中附加另一个元素

Question

看看这段代码

<div class="preview">
    <img src="link" alt="" class="overlay" />
</div>

我需要做的是将内部div调用"overlay"包装,然后添加另一个名为"overlay2"的div,如下所示

<div class="preview">
    <div class="overlay">
        <img src="link" alt="" class="overlay" />
        <div class="overlay2"></div>
    </div>
</div>

我试图使用.wrap和追加但我不知道如何使用一个命令

Answer 1

你可以试试这个

$('div.preview img')
.wrap('<div class="overlay"></div>')
.after('<div class="overlay2"></div>');

演示(见来源).

要么

$('div.preview img')
.wrap($('<div/>', {'class':'overlay'}))
.after($('<div/>', {'class':'overlay2'}));

演示(见来源).

产量

<div class="preview">
    <div class="overlay">
        <img src="link" alt="" class="overlay">
        <div class="overlay2"></div>
    </div>
</div>

Answer 2

很简单

$('.preview').append('<div class="overlay2"></div>')
$('.overlay').wrap('<div class="overlay"></div>')

在这里测试： http: //jsfiddle.net/RASG/32JSW/