Comment ajouter une balise parent en utilisant jquery

Question

Ma situation actuelle code c'est cela

<div id="parent">
   <div class="child1">Child 1 Contents</div>
   <div class="child2">Child 2 Contents</div>
   <div class="child3">Child 3 Contents</div>
</div>

Je veux que ce soit comme ça, en utilisant jquery

<div id="parent">
    <div class="child1">Child 1 Contents</div>
    <div id="newparent">
        <div class="child2">Child 2 Contents</div>
        <div class="child3">Child 3 Contents</div>
    </div>
</div>

comment faire ?

Answer 1

$('#parent').children().not(':first').wrapAll('<div id="newparent"/>');

http://jsfiddle.net/yfkTv/

Answer 2

Une autre façon de procéder

DEMO

$('#parent').children(':gt(0)').wrapAll('<div id="newparent"/>');

.gt()

.wrapAll()