0

我正在用 swig 引擎创建一个 for 循环。基本上,如果我在父母的 td new tr 下有超过 4 个表,将创建并继续......请帮助!:(

{% 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"}
4

1 回答 1

2

看起来您<tr>在创建新之前没有关闭前一个。尝试这个:

{% if loop.index0 % 4 === 0 && loop.index0 !== 0 %}
    </tr><tr>
{% endif %}
于 2013-08-28T16:45:12.033 回答