jQuery - Jeweils immer 3 Elemente wrapen

[kayyy]

Ich möchte gerne immer alle drei div Elemente innerhalb eines bestimmten Containers mit einem zusätzlichen div ( class="row-fluid" ) umschliessen.
Ist das möglich ?

Ich kann ja mit jQuery Elemente wrappen, aber wie sage ich jQuery, wrappe immer jeweils 3 Elemente ?

So sieht es momentan aus:

<div class="span4>..</div>
<div class="span4">..</div>
<div class="span4">..</div>
<div class="span4">..</div>
<div class="span4">..</div>
<div class="span4">..</div>

So muss es sein:

<div class="row-fluid">
<div class="span4">..</div>
<div class="span4">..</div>
<div class="span4">..</div>
</div>
<div class="row-fluid">
<div class="span4">..</div>
<div class="span4">..</div>
<div class="span4">..</div>
</div>

 

[Cheffchen]

Hallo,

das geht aber nur über umwege, zumindest würde ich das so machen.
zu erst würde ich jede gruppe eine extra classe geben, die merken und dann ein wrap drum machen, geht bestimmt auch anders, ist aber das einfachste (von mein wissen stand her :O) )

  i=0
  var gruppen = [];
    $('.span4').each(function(e){  
      if(e % 3 === 0){
        i=(i+1)
        gruppen.push('gruppe'+i);
      }
      $(this).addClass('gruppe'+i);  
    });
 
    for(var obj in gruppen){
    $('.'+gruppen[obj]).wrapAll('<div class="row-fluid" />');
    }

JS Bin - Collaborative JavaScript Debugging

Cheffchen

 

[kayyy]

Vuelen Dank. Werde ich morgen direkt mal ausprobieren.

Gesendet von meinem GT-I9300 mit Tapatalk 2