javascript - 如何在运行时正确附加div？

Question

你好，我正在尝试使用 jquery 附加将一个 div 与另一个 div 包装在一起，但我经历了一段痛苦的时光。 这是我的 div

<div id ="one" class="PortalBox" data-title="Concur">
    <div class = "localContent">
    FGDDDDDDDDDfdgdfffffffff
    dfgggggggggggggggggggggggggg
    dfggggggggggggggggggggggggg
    fgddddddddddddddddddddddddd
    fgddddddddddddd.
</div>

</div>

现在我想做的是在上面添加一个开放的 div 标签然后在与本地内容相关的结束标记之后将其关闭。这是我尝试过的方法，但我一直惨遭失败。

   /*open div*/
    $('.localContent').each(function(idx, ele){
        //alert(ele.className);
        $('<div class="ab_Box1d" style ="width:630px">').insertBefore($(ele))
                })
    /*close the div*/   
    $('.localContent').each(function(idx, ele){
        //alert(ele.className);
        $('</div>').insertAfter($(ele))
                })

执行此操作的正确方法是什么？任何帮助将不胜感激。

Answer 1

我想你想使用 jQuery 的 wrap() function .

$('.localContent').wrap('<div class="ab_Box1d" style="width:630px"/>');