包装元素，然后在其中附加另一个元素 [英] Wrap element then append another element inside it

问题描述

看看这段代码

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

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

what i need to do is to wrap the inside div call "overlay" then append another div called "overlay2" to be like below

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

我尝试使用.wrap和append，但是我不知道如何通过一个命令使用它

i'm tried to use .wrap and append but i didn't know how to use this with one command

推荐答案

非常简单

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

在此处进行测试: http://jsfiddle.net/RASG/32JSW/

这篇关于包装元素，然后在其中附加另一个元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！