Question

我有这个数组（用于背景div颜色），我让它工作了一次，但就目前为止...任何帮助将不胜感激。

$(function(){

// console.log('Hello, I am working');

var App = {
init: function(){
  // var Colors = ['red', 'blue', 'yellow', 'green', 'pink', 'orange'];
  // console.log('Hello, I am working');
  App.colorLinks();
},
colorLinks: function(){
  // $('body').find('a').addClass('love');
  // console.log(this.parent)
  var Colors = ['red', 'blue', 'yellow', 'green', 'pink', 'orange'];
  for (var i = 0; i < Colors.length; i++) {
    var AnchorList = $('a').length;
    for (var i = 0; i < AnchorList; i++) {
      $('body').find("a:eq("+i+")").addClass(Colors[i]);
    };
    // $('body').find('a').addClass(Colors[i]);
  };
  // console.log($('a').length);
}
};

App.init();

});

Answer 1

var Colors = ['red', 'blue', 'yellow', 'green', 'pink', 'orange'];

$.each('a', function(i,v){
    $(this).addClass(Colors[i % Colors.length]);
});

请记住，这将循环，但它可能不完全匹配预期的开始，因为长度不是基于0索引，但我会。另外，使用模数将返回余数。最后，您将获得一个循环颜色数组，因此这些细节可能都不重要。

Answer 2

两种常见的方法是使用余数运算符％或简单的if检查：

 var links = Array.prototype.slice.call(document.links,0);
 links.forEach(function(link,i){
      link.classList.add(Colors[i % Colors.length])); // using remainder
 });

使用if check：

var j = 0;
for(var i =0; i < document.links.length; i++, j++){
    document.links[i].classList.add(colors[j]);
    if(j === Colors.length) j = 0;
}

如何在数组耗尽后重复数组

2 个答案: