Wrapping Multiple Elements (jQuery)

Posted by Nimbuz on Stack Overflow See other posts from Stack Overflow or by Nimbuz
Published on 2009-12-05T16:11:27Z Indexed on 2010/05/22 3:20 UTC
Read the original article Hit count: 234

Filed under:
|

I've this piece of HTML:

div.content
  div.one
    content
  div.two
    content
  div.three
    content

I want to add two divs on top and bottom and wrap one div around it so it becomes:

div.top
div.wrapper
  div.content
    div.one
      content
    div.two
      content
    div.three
      content
div.bottom

I'm aware of the several wrap selectors (innerWrap, wrapAll etc..) but I'm not sure how to wrap 2 divs.

The following jQuery might work, but is there a better way to write it?

$('content').wrap('<div class="wrapper"></div');
$('.wrapper').before('<div class="top"></div>');
$('.wrapper').after('<div class="bottom"></div>');

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about dom