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
Post a Comment