Wrap multiple div elements on same class

class, html, javascript, jquery, wrapall

Solution

Demo http://jsfiddle.net/kQz4Z/8/

API: http://api.jquery.com/wrapAll/

Added a break line so that you can see the difference here :) http://jsfiddle.net/kQz4Z/10/

code

$(function() {

    $('.first').wrapAll('<div class="column" />')

    $('.second').wrapAll('<div class="column" />')

    $('.third').wrapAll('<div class="column" />')




    alert($('.view-content').html());
});​

Problem

I would like to use jQuery to wrap sets of class elements in a `div` but can't find the solution. HTML: ``` <div class="view-content"> <div class="first">content</div> <div class="first">content</div> <div class="second">content</div> <div class="third">content</div> <div class="third">content</div> </div> ``` Desired Result: ``` <div class="view-content"> <div class="column"> <div class="first">content</div> <div class="first">content</div> </div> <div class="column"> <div class="second">content</div> </div> <div class="column"> <div class="third">content</div> <div class="third">content</div> </div> </div> ```

Original source