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

Question

您好，我试图通过使用 jquery append 将一个 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() 函数。

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