javascript - 使用 Jade 在每个循环中显示一行中的两个项目

标签 javascript node.js pug

我对 Jade 中的每个循环有一些问题。我必须在行中显示 2 个项目,但这对我不起作用。

each item,i in feature.items 
    .col-mb-8.col-tb-12.col-dt-6
        h4.b--feature__title!=item.title
        p.b--feature__text!=item.text

我需要在奇怪的项目之前添加 .col-group 。 Jade 可以吗?有人能帮助我吗?

最佳答案

您可以执行类似的操作,为偶数和奇数元素提供不同的输出:

each item,i in feature.items 
    - if (i % 2) {
    .col-mb-8.col-tb-12.col-dt-6
        h4.b--feature__title!=item.title
        p.b--feature__text!=item.text
    - } else {
    .col-mb-8.col-tb-12.col-dt-6
        h4.b--feature__title!=item.title
        p.b--feature__text!=item.text
    - }

只需对标签或类进行所需的更改即可。

关于javascript - 使用 Jade 在每个循环中显示一行中的两个项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40789558/

相关文章:

Javascript 时间函数无法正确显示

javascript - 在窗口调整大小时刷新 svg 坐标

node.js - 有没有办法授予我的nodejs应用程序访问我的谷歌日历的权限?

node.js - 我需要 node.js 才能使用 UglifyJs2 吗?

javascript - 如何使用webpack更新jade中的script标签?

javascript - 是否可以一步创建一个数组并推送内容

Javascript 作用域混淆

node.js - 使用 Jasmine 测试 Nodejs 中的事件

javascript - 如何在脚本 block 内使用jade/pug条件?

node.js - Slickgrid 基本示例 - 在 node/express 中,只有第一行数据加载但不可见