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

Question

我试图在哈巴狗中创建多个div，这是我的代码：

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

如何使用变量＆＃34; x＆＃34;？

提前谢谢。

Answer 1

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

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

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

对于变量x，它用作for循环的计数器，只要x为< 3，它就会迭代 - 您的样本将生成3个div与您指定的类。