EJS/Javascript - 对于每 3 个条目，写 X

Question

我目前正在学习使用 NodeJS 编写 EJS 视图。目前我正在制作一个每行包含三个项目的产品页面，所有项目都是从 MongoDB 中提取的。我目前有大约 11 个项目要测试。但是，我遇到了如何编写特定内容的麻烦。在每 第三 项之后，我需要编写以下内容。

</div>                                       
<div class="row">

我当前的循环看起来像这样。任何帮助表示赞赏！

<% data.forEach(function(item) { %>
    <div class="col-md-4 col-sm-4 col-xs-6">
        <div class="item">
            <!-- Use the below link to put HOT icon -->
            <!-- <div class="item-icon"><span>HOT</span></div> -->
            <!-- Item image -->
            <div class="item-image">
                <a href="/p/<%= item.id %>"><img src="/img/items/<%= item.id %>.jpg" alt="" class="img-responsive"/></a>
            </div>
            <!-- Item details -->
            <div class="item-details">
                <!-- Name -->
                <h5><a href="/p/<%= item.id %>"><%= item.title %></a></h5>
                <div class="clearfix"></div>
                <!-- Para. Note more than 2 lines. -->
                <p><%= item.desc %></p>
                <hr />
                <!-- Price -->
                <div class="item-price pull-left"><%= item.price %></div>
                <!-- Add to cart -->
                <div class="pull-right"><a href="/#" class="btn btn-danger btn-sm">Add to Cart</a></div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
<% }); %>

Answer 1

这将从第三次迭代开始每隔三分之一打印一次。

<% data.forEach(function(item, i) { %>
  // Stuff
  <% if((i + 1) % 3 === 0) %>
    </div>                                       
    <div class="row">
  <% } %>
<% }) %>