在具有嵌套div的循环内循环

Question

为什么以下创建没有嵌套的div？我希望.square s在.row s

之内

- for (var i = 1; i <= rows; i++) {
    div(class='row row-'+i)
    - for (var j = 1; j <= cols; j++) {
        .div(class='square square-'+j)
    - }
- }

Answer 1

猜测一下，你可能需要缩进你的第二个for循环才能进入第一个div

编辑：此代码按预期正常工作，嵌套div

//- set variables for testing only
rows = 3
cols = 2

- for (var i = 1; i <= rows; i++) {
  div(class='row row-'+i)
    //- indent the for loop inside containing div
    - for (var j = 1; j <= cols; j++) {
      .div(class='square square-'+j)
    - }
- }