JavaScript Do/While 루프 무한 루프 루핑

Question

이것이 잠재적으로 일반적인 질문이지만 논리와 코드는 정확하지만 브라우저가 충돌 할 때까지 계속 반복되는 것으로 보입니다.

$("#orderview").click(function(){ 
    do { 
     $(".row1").clone().appendTo(".cardbox"); 
     var i = $("listrow").length; 
     } 
    while (i < 10); 
}); 

내 함수는 10 개가 될 때까지 Listrow 클래스 DIV를 만듭니다. 내 HTML은 1 DIV로 시작합니다.

<div class="listrow news" id="row-a"> 
    <div class="l-padding floatleft"> 
     <div id="redditThumbnail"></div> 
     <div class="articleheader news"> 
      <p class="mediatitle alignleft" id="redditTitle"> 
      </p> 
      <p class="mediumtext floatleft alignleft"> 
       Submitted by 
      </p> 
      <div id="redditUsername"></div> 
      <div class="half floatright"> 
       <p class="mediatext floatright s-color bold h-s-margin"> 
        TEST 
       </p> 
       <p class="mediatext floatright p-color bold"> 
        ACTION 
       </p> 
      </div> 
     </div> 
    </div> 
</div> 

내 시도 JS 뒤에 논리였다

1. 복제 첫 DIV "Listrow"클래스 div를가 존재 얼마나 많은
2. 확인
3. < 10 Listrow DIV의 다음 다시 시작이있는 경우 루프와 클론 다른

나는 뭔가를 놓친가요? 도움에 미리 감사드립니다.

Answer 1

변화 :

var i = $("listrow").length; 

로는 :

var i = $(".listrow").length;