for loop swig，nodejs

Question

我正在尝试创建一个循环..

这是javascript：

for (var j = 0; j < b; j++) {
if(j%4 == 0 && j != 0){
    newTable.appendChild(tr);
    tr = document.createElement('tr');        
}

我想每行最多4个单元格，所以如果我有9个单元格，我应该有2个完整行和1个行只有一个单元格。

我们如何使用像javascript这样的swig设置条件？

这是我的HTML代码：

<table id="asdf">
            <tbody>

            {% if styles in styles.length %}
            <tr>                     
              {% for style in styles %}
                  <td>
                    <table border="1">
                        <tbody>
                        <tr><td><a href="{{style.a}}"><div style="width: 175px;height: 250px" id="products"><img id="img" src="{{style.img}}" ></div></a></td></tr>
                        <tr><td id="styleno">{{style.style}}</td></tr>
                        </tbody>
                    </table>
                  </td>{% endfor %}
            </tr> {% endif %}
            </tbody>
        </table>
    </div>

Answer 1

{% for style in styles %}
{% if loop.index0 % 4 === 0 && loop.index0 !== 0 %}
<tr>
{% endif %}
        <td>
            <table border="1">
                        <tbody>

                        <tr>
                        <td><a href="{{style.a}}"><div style="width: 175px;height: 250px" id="products"><img id="img" src="{{style.img}}" ></div></a></td></tr>
                        <tr><td id="styleno">{{style.style}}</td></tr>
                        </tbody>
                    </table>
                    </td>

{% endfor %}