Question

我有一个被检索的json数据结果集，名为data_list。我想迭代它并拉出它的名字字段并将其嵌入twitter引导网格隐喻中。输出结果如下所示：

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

问题是我不知道如何在翡翠中实现这一目标。我知道如何使用

迭代我的数据

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

我不知道该怎么做是为每三个数据记录注入一个并将它包围在这三个记录中。我知道如何通过

捕获每三条记录

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

但我只能输出它但我不能让它包围其他行。任何建议都会受到欢迎。

Answer 1

我昨天使用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...

希望它有所帮助！

嵌套玉通过条件逻辑

1 个答案: