2012-09-13 16 views
1

設置我有大約100個項目,我使用jade iteration寫HTML他們中的每一個。不過,我正在努力尋找一種將物品分成三排的優雅方式。讓行與大型數據玉模板中的Node.js

要清楚,我想是這樣的:

.row 
    .item1 
    .item2 
    .item3 
.row 
    .item1 

...等等...

我試着內嵌的JavaScript的東西像這樣沒有運氣:

- var a = 0; 
    each item in list 
    - a++; 
    - if(a % 3 == 0) 
     .row-fluid 
     .span3(id='#{item.id}') 
      p #{item.id} 
    - else 
     .span3(id='#{item.id}') 
      p #{item.id} 

回答

2
- var i = -3; 
while i <= list.length 
    - i += 3; 
    .row 
    each item in list.slice(i, i+3) 
     .span3(id='#{item.id}') 
+0

哈哈我猜想切片的作品也是如此 –

2

注:此殺死名單

while list.length > 0 
    .row 
    for item in list.splice(0, 3) 
     .span3(id=item.id) 
     p= item.id 

讓我知道這是否正常,因爲我只是把它寫下來我的頭頂

+0

這是行不通的。我喜歡splice id,但是我得到一個錯誤:無法讀取未定義的屬性'id'。當我使用list.id!= undefined時,我沒有收到錯誤信息,但是沒有任何內容顯示在屏幕上。 – Miles

+0

我會給你一個讓我朝正確方向發展的觀點。謝謝! – Miles

+0

這適用於我。 – StormPooper