我有大约100个项目,我使用jade迭代将每个项目写入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}
注意:这会杀死列表
while list.length > 0
.row
for item in list.splice(0, 3)
.span3(id=item.id)
p= item.id
让我知道这是否像我刚刚在脑海中写的那样有效
- var i = -3;
while i <= list.length
- i += 3;
.row
each item in list.slice(i, i+3)
.span3(id='#{item.id}')