通过条件逻辑嵌套玉

2024-03-08

我有一个检索到的 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>

问题是我不知道如何在 Jade 中实现这一点。我知道如何迭代我的数据

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

我不知道该怎么做是为每三个数据记录注入 并让它围绕这三个记录。我知道如何通过捕获每三个记录

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

但我只能让它输出 a 但我无法让它包围其他行。任何建议都将受到极大的欢迎。


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

希望能帮助到你!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

通过条件逻辑嵌套玉 的相关文章

随机推荐