javascript - 具有条件循环逻辑的 Css

Question

我有 4 个 div，我必须根据这个对象数组为每个 div 应用背景，例如 1 个 div 是绿色，金色和 2 个 div 是红色。 Brown 不应该在那里，因为 tix_pax 为零。我知道 css() 方法，但不知道循环逻辑是如何工作的。

[
  {
    "tix_type": "adult",
    "bg": "gold",
    "tix_pax": 1
  },
  {
    "tix_type": "child",
    "bg": "brown",
    "tix_pax": 0
  },
  {
    "tix_type": "senior",
    "bg": "red",
    "tix_pax": 2
  },
  {
    "tix_type": "disabled",
    "bg": "green",
    "tix_pax": 1
  }
]

Answer 1

我认为您可以使用 Sass 完成类似的事情。从“@for”部分开始检查此处:http://thesassway.com/intermediate/if-for-each-while