javascript - ネストされた div を含むループ内でループする

Question

以下がネストせずに div を作成するのはなぜですか? s がs の.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

推測ですが、最初の div 内に収まるように 2 番目の for ループをインデントする必要があるかもしれません

編集:このコードは、ネストされた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)
    - }
- }