node.js - Jade 内联条件式

我正在尝试使用Jade模板引擎使除数组中第一个元素以外的所有内容都具有CSS类。

我希望我能做到这一点，但是没有运气。有什么建议？

- each sense, i in entry.senses
  div(class="span13 #{ if (i != 0) 'offset3' }")
    ... a tonne of subsequent stuff

我知道我可以按以下方式包装代码，但是据我了解Jade的嵌套规则才能起作用，我必须复制代码或将其提取到Mixin或其他东西中。

- each sense, i in entry.senses
  - if (i == 0)
    .span13
      ... a tonne of subsequent stuff
  - else
    .span13.offset3
      ... identical subsequent stuff

有更好的方法吗？

最佳答案

您可以改为:

- each sense, i in entry.senses
  - var klass = (i === 0 ? 'span13' : 'span13 offset3')
  div(class=klass)
    ... a tonne of subsequent stuff

关于node.js - Jade 内联条件式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7563647/