javascript - jQuery wrap multiple div elements on same class -


hello use jquery wrap sets of class elements in div can't find 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> 

thanks in advance!

demo http://jsfiddle.net/kqz4z/8/

api: http://api.jquery.com/wrapall/

added break line can see 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()); });​ 

Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -