如何使用.each函数将数组从数组添加到n个div？

Question

基本上我要做的就是这个

var arr = ["red","green","blue"];
$('.box').each(function() {
    $(this).addClass(Array Value Here)
});

我希望结果是这样的.

<div class"box red"></div>
<div class"box green"></div>
<div class"box blue"></div>
<div class"box red"></div>
<div class"box green"></div>
<div class"box blue"></div>
<div class"box red"></div>
<div class"box green"></div>
<div class"box blue"></div>

我怎样才能做到这一点？总div的数量未知.

Answer 1

Modulo [ %]是你的朋友:

var colours = ['red', 'green', 'blue'];
$('.box').each(function(index, element) {
  $(element).addClass(colours[index % colours.length]);
});

看小提琴.