創建新行，每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