有没有办法wrapAll（）但忽略一个元素？

Question

If you have the following code:

<div class="parent">

    <div class="1"></div>
    <div class="2"></div>
    <div class="3"></div>
    <div class="4"></div>
    <div class="5"></div>   

</div>

How can I wrap a new div around div with class 2,3,4,5 so it looks like this:

<div class="parent">

    <div class="1"></div>

    <div class="sub">
        <div class="2"></div>
        <div class="3"></div>
        <div class="4"></div>
        <div class="5"></div> 
    </div> 

</div>

wrapAll on the parent would wrap everything with a new div, is there a way to make it ignore the first div?

Answer 1

Use gt(0) to select all but the first one div(direct descendant) and wrapAll. This will select all divs with index greater than 0 present under .parent div.

$('.parent > div:gt(0)').wrapAll('<div class="sub">');

Fiddle

See :gt()

Output:

<div class="parent">

    <div class="1">1</div>
    <div class="sub">
            <div class="2">2</div>
            <div class="3">3</div>
            <div class="4">4</div>
            <div class="5">5</div>
    </div>
</div>

Answer 2

Use the not() filter or the :not() selector .

$('.parent div').not('.1').wrapAll('<div class="sub">');

Or alternatively:

$('.parent div:not(.1)').wrapAll('<div class="sub">');

You can also use div:first-child in place of .1 if you always want to ignore the first element.

Answer 3

If the element you want to keep out is not necessarily the first, you could use:

$(".parent div").not("div.1").wrapAll("<div class='sub'>");

Although, this will re-order your div s so that the wrap comes first, and the unwrapped element comes last. Not a problem when it's the first element, but if it's the third, for example, the output would be:

<div class='sub'>
    <div class="1"></div>
    <div class="2"></div>
    <div class="4"></div>
    <div class="5"></div>
</div>
    <div class="3"></div>

Example: http://jsfiddle.net/tomtheman5/3TL4M/

edit : Just saw @Corion's answer... This is essentially the same, but with some more information. I'll leave it up.