Javascript jquery使用列表生成彩虹图案

我的html

让它来概括一下：

colors = ['red','orange','yellow','green', 'blue']; //roygbiv

$('#mainMenu span').each(function(i){
    this.style.color = colors[i];
});

表达式

i%colors.length

产生两个操作数除法后的余数，并且始终在

[0，colors.length）

的范围内。它也称为模运算符

可以制作更整洁的版本：

this.style.color = colors[i % colors.length];

另见：

---

t谢谢。你跑得太快了。你能告诉我什么叫%吗？我需要查一下它是怎么回事work@user3400321我添加了一个参考来帮助您进一步了解如何使用%：）您的数组中只有5种颜色。您希望发生什么情况？@MikeBrant公平地说，他没有问为什么会发生这种情况。他问这是怎么回事已修复。@Nilzone可通过向其数组中添加两个表示最后两种颜色的项目来修复。

this.style.color = colors[i % colors.length];

$('#mainMenu span').css('color', function(index) {
    return colors[index % colors.length];
});