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