Javascript:For循环不是';行不通

Javascript:For循环不是';行不通,javascript,for-loop,dynamic,datatables,Javascript,For Loop,Dynamic,Datatables,所以我认为我的for循环某处有问题 我把所有的类都放在一个单独的css文件中,所以我可以在前端正确地看到DOM中的所有内容 我的问题是,我需要让第1行和第3行应用这个类,我可以让它工作: <i class="fa fa fa-trophy fa-4" aria-hidden="true"> 理论上,我应该有一个动态数据表,其中有10行是我们应用程序中排名第一到第十的用户 第1-3行:排名第一、第二和第三的用户。。。因此,他们获得了“足总杯”级别 第4-10行:是剩余的用户,因此

所以我认为我的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);
    }
for(var i=0;i\u当前级别){
行.append('win Playing'+数据.leadboards[i].游戏名称+'');
}
否则{
行。追加('WIN Playing');
}
_表.追加(行);
}


为什么不在
i时分配
fa-tropy
类?为什么不在
时分配
fa-tropy
类?我可以提供
数据
详细信息。数据。排行榜是这个数组吗?@Natsathorn我的机器目前没有确切答案,只有“数据”正在访问后端并从“.leadboards”数据库中获取信息。我们有这个连接的Django,如果有帮助的话。@Dinesh是的,这是一个数组。你可以提供
数据
详细信息。数据。排行榜是这个数组吗?@Natsathorn我的机器目前没有确切的答案,但“数据”正在访问后端并从“.leadboards”数据库获取信息。我们有一个连接的Django,如果有帮助的话。@Dinesh是的,这是一个彻头彻尾的胡说八道!那应该行!第4-10行是否正确填充?是。这将适用于第4-n行,其中
n
数据.排行榜.长度
。如果我想给第2行另一个类名呢?因此,理论上,任何排名第二的用户都会获得铜牌,这将是一个不同的“i类”?您可以访问for循环中的索引。因此,您可以选择使用您选择的任何索引执行任何您喜欢的操作。在您的情况下,也许您可以检查
i==2
,然后在那里做一些事情。如果有太多这样的特殊情况,我建议您创建一个名为
getUserCircleClasses
的函数,它接受一个整数并返回一个包含所有要添加的类的字符串。然后使用这个字符串来分配
i
标记类。我正在工作,这非常有效。再次感谢!天哪!那应该行!第4-10行是否正确填充?是。这将适用于第4-n行,其中
n
数据.排行榜.长度
。如果我想给第2行另一个类名呢?因此,理论上,任何排名第二的用户都会获得铜牌,这将是一个不同的“i类”?您可以访问for循环中的索引。因此,您可以选择使用您选择的任何索引执行任何您喜欢的操作。在您的情况下,也许您可以检查
i==2
,然后在那里做一些事情。如果有太多这样的特殊情况,我建议您创建一个名为
getUserCircleClasses
的函数,它接受一个整数并返回一个包含所有要添加的类的字符串。然后使用这个字符串来分配
i
标记类。我正在工作,这非常有效。再次感谢!
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>');
}