如何在Pug / Jade中创建多个Div，并使用for循环值（x）？

Question

我正在尝试在pug中创建多个div，这是我的代码：

- for(var x = 0;x < 3;x++)
.background-line.line-x

如何使用变量“ x”？

先感谢您。

Answer 1

您的结构设置正确，但是您需要遵循PUG的缩进规则。

行.background-line.line-x必须嵌套在for循环下。 您可以在下面的笔中看到：

https://codepen.io/mdiggss/pen/eGaEBO

至于变量x ，它用作for循环的计数器，并且只要x < 3 ，它就会进行迭代-您的示例将使用您指定的类分别产生3个div。