将字符串添加到空div时可以设置文本的颜色吗?

我目前正在开发一个联网的多人游戏,而我目前写出玩家名单的方法是使用jQuery将字符串从数组添加到空白。

我的代码如下所示:

var html = '';
for (i = 0; i < data.length; i++){
    html += (i+1) + ". " + data[i] + '<br/>';
}
$players.html(html);

所有这些都可以,但是我想分别设置每个字符串的颜色。如图所示,第一行将为黑色,然后第二行将为红色,然后第三行将为蓝色,依此类推。

评论
  • 偷心贼~
    偷心贼~ 回复

    您需要将每个字符串包装在另一个标签中,例如...

    <p>string</p>
    

    然后,您可以分别在该标签上设置class属性或style属性。例如。 3个建议的选项...

    <p class="line2">string</p>
    <p class="red">string</p>
    <p style="color:red">string</p>
    

    如果线条应保持一致的颜色,我个人将使用“ class”选项,因为它允许您将每种样式设置一次。