包裹元素然后在其中附加另一个元素

看这段代码

<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 和追加，但我不知道如何通过一个命令使用它

你可以尝试这个

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

DEMO http://jsfiddle.net/pA3PQ/（参见来源）。

OR

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

DEMO http://jsfiddle.net/pA3PQ/1/（参见来源）。

Output

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