javascript - 在带有嵌套 div 的循环内循环

Question

为什么以下创建没有嵌套的div？我希望.squares 在.rows内

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