在这么多div之后休息

Question

我有4个硬编码的div。在第三个div之后我想打破或将第4个div放在一个新线上。我该怎么做，我可以做这个PHP或我必须使用javascript / jQuery？这些div包含在标签标签btw中。 我忘了提到标签是动态打开的。因此，并非所有标签都会立即被查看。

<label class="1">
    <div id="div1">Stuff 1</div>
</label>
<label class="2">
    <div id="div2">Stuff 2</div>
</label>
<label class="3">
    <div id="div3">Stuff 3</div>
</label>
<label class="4">
    <div id="div4">Stuff 4</div>
</label>

Answer 1

使用nth-child：

$('label:nth-child(4n)').after("<br/>");​

Answer 2

您可以使用jquery的.each()方法遍历标签，如果当前索引可以被3整除，则添加<br/>。

$("label").each(function(i){
   if (i%3 == 0)
   {
       $(this).after("<br/>");
   }
});