중첩 된 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

그냥, 당신은 루프

가 편집 첫 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) 
    - } 
- }