通过条件逻辑嵌套Jade模板

Question

通过条件逻辑嵌套Jade模板

5

我有一个叫做data_list的JSON数据结果集。我想要遍历它并提取出它的name字段，将其嵌入到Twitter Bootstrap网格隐喻中。输出看起来应该像下面这样：

<div class="row">
   <div class="span4">Name 1</div>
   <div class="span4">Name 2</div>
   <div class="span4">Name 3</div>
</div>
<div class="row">
   <div class="span4">Name 4</div>
   <div class="span4">Name 5</div>
   <div class="span4">Name 6</div>
</div>

问题在于我不确定如何在Jade中完成这个任务。我知道如何使用循环遍历我的数据：

- for (var key in data_list)
    div.span4
        p= data_list[key].name

我不知道如何为每三条数据注入<div>标签，并使其包围这三条记录。我知道如何通过代码捕获每三条记录：

- if ((key % 3) == 0)
    .row

但是我只能让它输出一个，而无法让它将其他行框起来。有任何建议都将不胜感激。

- Chris Dellinger

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user1787998 · Accepted Answer

我昨天用bootstrap遇到了同样的问题。

我是这样解决的:

each element, i in dataset
  if i % 3 == 0
    div.row
      each elementInRow, j in dataset.slice(i, i+3)
        div.span4
          ...cell code...

希望这能够帮助到您！