JavaScript Do/While Loop Infinitely Looping

Question

Я знаю, что это потенциально общий вопрос, но я считаю, что логика и код выглядят правильными, но все же кажется, что они зацикливаются до тех пор, пока браузер не завершится.

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

Моя функция создает класс класса DIV, пока их не будет 10. Мой 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
2. Проверьте, сколько "Listrow" класса DIVs присутствуют
3. Если затем рестарт < 10 Listrow DIV в петля и клон другой

Я что-то не хватает? Заранее спасибо за помощь.

Answer 1

изменение:

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

к:

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