如何使用jquery添加父标记

时间:2021-06-14 20:34:22

My current code is this

我目前的代码就是这个

<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>

I want like this using jquery

我希望这样使用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>

how to do this?

这个怎么做?

2 个解决方案

#1


5  

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

http://jsfiddle.net/yfkTv/

#2


1  

another way of doing this

另一种方式

DEMO

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

.gt()

.wrapAll()

#1


5  

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

http://jsfiddle.net/yfkTv/

#2


1  

another way of doing this

另一种方式

DEMO

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

.gt()

.wrapAll()