JavaScript Do/Whileループ無限ループの場合

Question

これは潜在的によくある質問ですが、ロジックとコードは正しいと思われますが、ブラウザがクラッシュするまでループするようです。それらの10があるまで

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

My機能はListrowクラスDIV年代を作成しています。私のHTMLは1DIVで始まります。

<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;