jquery - 将数组列表中的颜色添加到 li 然后循环返回

Question

我有一个颜色列表，我想将其添加到我的 ul 中的每个 li 中，但是在 li 的数量经过颜色数量后，我希望颜色从第一种颜色开始。这就是我的意思

http://jsfiddle.net/NjqYA/57/

$(document).ready(function(){
var color=['#0098c3','#bed600','#a30050','#9b1889'];
$('#div_id ul li').each(function(i){
    $(this).css('backgroundColor',color[i]);
});});

提前谢谢您

Answer 1

使用模运算符进行循环。

$(document).ready(function(){
    var color=['#0098c3','#bed600','#a30050','#9b1889'];
    $('#div_id ul li').each(function(i){
        $(this).css('backgroundColor',color[i % color.length]);
    });
});

DEMO