javascript - Wrap divs with same classes (and multiple classes) in JQuery -

there lot of similar questions, none one. have following html:

<div class="view-content">      <div class="section section_2">content</div>     <div class="section section_2">content</div>     <div class="section section_1">content</div>     <div class="section section_4">content</div>     <div class="section section_4">content</div>  </div> 

where divs share .section other class dynamic generated depending of database id.

how can wrap divs same class inside div if don't know dynamic class?

for example on following jsfiddle if remove .section class wrapp ok divs have multiples classes , 1 shared.

thanks!!

var classes = {}; $(".view-content > div").each(function() {     classes[$(this).attr("class")] = true; // "section section_2" }); (singleclass in classes) {     // no elements returned here     $("." + singleclass).wrapall('<div class="column" />'); } 

your code close, problem string returns "section section1" or thereof, when try select that, you're doing $('.section section1') isn't going match anything. if want group second argument in class structure, can split class string, , grab second one.

var classes = {}; $(".view-content > div").each(function() {     var temp = $(this).attr("class").split(' ');     if (temp[1]) {         classes[temp[1]] = true;     } }); (singleclass in classes) {     $("." + singleclass).wrapall('<div class="column" />'); } 

http://jsfiddle.net/vzgn7ef7/2/

ninja edit. few things i'd point out. going make code dependent on fact there's going @ least 2 classes, , want second one. if changes, breaks.