javascript - 带有 DIV 的 jQuery nth

Question

在 Business Catalyst 中，我有一个输出无序列表的 div。我需要在每 4 个项目之后取出一个单独的非无序项目 div。硬编码版本如下所示：

<div class="article-list">
 <ul class="article-list grid">
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
 </ul>

<div class="sponsored-post">
 <ul class="sponsored-post grid">
   <li>Hardcoded Item 1</li>
   <li>Hardcoded Item 2</li>
 </ul>
</div>

<div class="article-list">
 <ul class="article-list grid">
   <li>Item 5</li>
   <li>Item 6</li>
   <li>Item 7</li>
   <li>Item 8</li>
 </ul>
</div>

Answer 1

使用 jQuery.each()并跟踪循环中的变量。如果该计数器可被 4 整除，则将 div 附加到<li>

$(".article-list").each(function(i, value) {
    if(i % 4 == 0) {
        newDiv = $("<div></div>").html("new div");
        $(this).append(newDiv);
    }
});