我有大约100个项目,我使用jade iteration将每个项目写入html。但是,我很难找到一种优雅的方法将项目分成三行。
要明确,我想要这样的事情:
.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}
答案 0 :(得分:2)
注意:这会杀死列表
while list.length > 0
.row
for item in list.splice(0, 3)
.span3(id=item.id)
p= item.id
让我知道这是否有效,因为我只是把它从头顶写下来
答案 1 :(得分:2)
- var i = -3;
while i <= list.length
- i += 3;
.row
each item in list.slice(i, i+3)
.span3(id='#{item.id}')