创建新行，每4“拇指div的”

Question

什么即时试图实现的是把每4个格内新创建的行

我的继承人HTML输入

<div class="container"> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
</div>

和我希望它看起来像

<div class="container"> 
 
    
 
    <div class="row"> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
    </div> 
 
    
 
    <div class="row"> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
    <div class="thumb"></div> 
 
    </div> 
 
    
 
</div>

我开始与

<script type="text/javascript"> 
 
var thumb = document.getElementsByClassName('thumb'); 
 
if (thumb.length < 4) { 
 

 
} 
 
</script>

，但我不知道如何从这个角度

Answer 1

去试试这一个，

$(document).ready(function(){ 
    var divs = $(".container .thumb"); 
    for(var i = 0; i < divs.length; i+=4) { 
     divs.slice(i, i+4).wrapAll("<div class='row'></div>"); 
    } 
}); 

更多细节refer this link