2013-08-20 146 views
0
的NodeJS

我試圖創建一個循環..for循環痛飲,

這裏的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> 
+0

你已經差不多有你的JavaScript回答了自己的問題,不是嗎? {%if loop.index0%4 && loop.index0!== 0%} //添加一個新行... {%endif%} –

+0

@PaulArmstrong我把它放在{%if styles in styles.length%}或for循環? – wisleans

+0

@PaulArmstrong謝謝!你讓我學習! – wisleans

回答

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 %}