的Javascript：For循环不工作

Question

所以我觉得有什么毛病我的for循环的地方...

我都在一个单独的css文件中的类，所以我在正确上看到的一切DOM前端。

我的问题是我需要的行1和3将此类，我可以得到它的工作：

<i class="fa fa fa-trophy fa-4" aria-hidden="true"> 

从理论上讲，我应该有10行的动态数据表这是我们应用程序中的第一个到第十个用户。

1-3行：第一，第二和第三位的用户......因此他们获得了“奖杯”类。

第4-10行：剩下的用户是否因此得到“fa-user-circle-o”类。

我在做什么错？

的Javascript：

for(var i = 0; i < data.leaderboards.length; i++){ 

     row = $('<div class="leaderboard-row">'); 
     row.append('<div class="user-circle"><i class="fa fa-user-circle-o fa-4" aria-hidden="true">' + '</i></div>'); 
     row.append('<div class="leaderboard-col col1">' + (i + 1) + '</div>'); 
     row.append('<div class="leaderboard-col col2"><span class="truncate">' + data.leaderboards[i].username + '</span></div>'); 
     row.append('<div class="leaderboard-col col3"><span class="truncate">' + data.leaderboards[i].win_amount.formatMoney(0, '.', ',') + '</span></div>'); 

     if(data.leaderboards[i].level_unlocked > _currLevel){ 
      row.append('<div class="leaderboard-col col4">Won Playing ' + data.leaderboards[i].game_name + '</div>'); 
     } 
     else{ 
      row.append('<div class="leaderboard-col col4">Won Playing <a href="/game/' + data.leaderboards[i].game_slug + '">' + data.leaderboards[i].game_name + '</a></div>'); 
     } 
     _table.append(row); 
    } 

Answer 1

你为什么不分配fa-trophy类时i <= 2？像

if (i <= 2) { 
    // assign fa-trophy class for the first 3 places 
    row.append('<div class="user-circle"><i class="fa fa-trophy fa-4" aria-hidden="true">' + '</i></div>'); 
} else { 
    // do something else with 4th place onwards 
    row.append('<div class="user-circle"><i class="fa fa-user-circle-o fa-4" aria-hidden="true">' + '</i></div>'); 
}