swig for loop node.js，express，mongodb

Question

我正在用swig引擎創建一個for循環。 基本上，如果我在父母的td下有超過4個表，則會創建新的tr並繼續...請幫忙！ :(

{% if style and style.length %}
    <div class="products">
        <table id="products">
            <tbody>
                <tr>
{% for style in a %}
{% if loop.index0 % 4 === 0 && loop.index0 !== 0 %}
    </tr><tr>
{% endif %}
                    <td>
                    <table border="1">
                        <tbody>
                        <tr>
                        <td><a href="{{a}}"><div style="width: 175px;height: 250px" id="products"><img id="images" src="{{style.img}}" ></div></a></td></tr>
                        <tr><td id="styleno">{{style}}</td></tr>
                        </tbody>
                    </table>
                    </td>
{% endfor %}
                </tr>
            </tbody>
        </table>
{% endif %}

這是我的JSON：

{style:"1" , a:"http://", img:"http://", price: 1, desc: "ahdf"},
{style:"2" , a:"http://", img:"http://", price: 11, desc: "adsdf"},
{style:"3" , a:"http://", img:"http://", price: 13, desc: "asdaf"},
{style:"4" , a:"http://", img:"http://", price: 1, desc: "asddf"},
{style:"5" , a:"http://", img:"http://", price: 51, desc: "asssdf"},
{style:"6" , a:"http://", img:"http://", price: 71, desc: "asdf"},
{style:"7" , a:"http://", img:"http://", price: 12, desc: "asddf"}

Answer 1

在創建新的<tr>之前，您似乎沒有關閉之前的<tr> 。 嘗試這個：

{% if loop.index0 % 4 === 0 && loop.index0 !== 0 %}
    </tr><tr>
{% endif %}