每4“拇指div”创建一个新行

Question

我想要实现的是将每4个div放在新创建的行

中

继承我的html输入

var timer = document.querySelectorAll('.timer');
timer.innerHTML = 'Done!';

我希望它看起来像

<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>

但我不知道如何从这一点开始

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