Create div as subcontainer in jQuery

Question

How to get html like this:

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

from original html like this:

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

Thanks

kei · Answer 1 · 2012-08-01T22:02:47.630

5

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

edited Aug 01 '12 at 22:02

answered Aug 01 '12 at 21:56

kei

20,157
2
35
62

What if there is another div on the same level as #content, and I want to wrap them both with #subContainer? – eomeroff Aug 01 '12 at 22:40

score 1 · Accepted Answer · answered Aug 01 '12 at 22:00

1

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

answered Aug 01 '12 at 22:00

Tivie

18,864
5
58
77

score 1 · Answer 3 · edited May 23 '17 at 12:29

1

Take a look at this working JSFiddle.

In Short, this is the code you need:

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

Also, take a look at this question posted previously.

edited May 23 '17 at 12:29

Community

1
1

answered Aug 01 '12 at 22:01

Ashutosh Jindal

18,501
4
62
91

Create div as subcontainer in jQuery

3 Answers3