与嵌套div一起循环

Question

为什么以下代码创建没有嵌套的div？ 我希望.square位于.row内

- 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)
    - }
- }