Question

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

<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);
    }
});

与DIV一起使用jQuery

1 个答案: