0

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

这是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>
4

1 回答 1

0
{% 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 %}
于 2013-08-23T04:46:19.457 回答