How to wrap content with jQuery?
css, html, javascript, jquery
Solution
Try this with jQuery 1.4:
$('.placeholder').each(function(){
$(this).nextUntil('.placeholder').andSelf().wrapAll('<div class="wrap" />');
});
jQuery 1.4 added the nextUntill function
Problem
How can I use wrap around the content with the placeholder div using jQuery? So I can turn this: ``` <div class="placeholder"></div> <div class="content"></div> <div class="content"></div> <div class="content"></div> <div class="content"></div> <div class="placeholder"></div> <div class="content"></div> <div class="content"></div> <div class="placeholder"></div> <div class="content"></div> <div class="content"></div> <div class="content"></div> <div class="placeholder"></div> ``` Into this: ``` <div class="wrap"> <div class="placeholder"></div> <div class="content">Abcd</div> <div class="content">Abcd</div> <div class="content">Abcd</div> <div class="content">Abcd</div> </div> <div class="wrap"> <div class="placeholder"></div> <div class="content">Abcd</div> <div class="content">Abcd</div> </div> <div class="wrap"> <div class="placeholder"></div> <div class="content">Abcd</div> <div class="content">Abcd</div> <div class="content">Abcd</div> </div> ```