如何在运行时正确附加div?

时间:2013-01-05 06:22:15

标签: javascript jquery

你好我试图用另一个div包装div,使用jquery append和im有一个地狱的时间。   这是我的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))
                })

这样做的正确方法是什么?任何帮助都会非常感激。

1 个答案:

答案 0 :(得分:2)

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

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