在jQuery中创建div作为子容器

时间:2012-08-01 21:55:00

标签: jquery dom html

如何获得这样的HTML:

<div id="generalContainer">
    <div id="subContainer">    
        <div id="content">
        </div>
    </div>
</div>

来自原始的html:

<div id="generalContainer">         
    <div id="content">
    </div> 
</div>

由于

3 个答案:

答案 0 :(得分:5)

$("#content").wrap('<div id="subContainer">'); ​​​​​​​​​​

答案 1 :(得分:1)

    <div id="generalContainer">         
        <div id="content">blabla</div> 
    </div>  
    <script>
        var ct = $('#generalContainer').html();
        $('#generalContainer').html('<div id="subContainer">'+ct+'</div>');
    </script>

答案 2 :(得分:1)

看看this工作的JSFiddle。

简而言之,这是您需要的代码:

$('#content').wrapAll('<div class="newdiv">Child in between</div>');

另外,请查看之前发布的 this 问题。