如何使用javascript更改多个链接的背景色？

我想使用javascript并主要使用for循环和javascript/jquery的父子选择器，根据给定的数组

colors

更改链接的背景颜色。当我到达颜色数组元素的末尾时，我将从颜色数组的第一个元素开始

颜色

var colors=['#607ec7'、'#ca85ca'、'#61c436'、'#e54e7e'、'#f4b23f'、'#46c49c'的数组


在
循环时使用
，对于
颜色的循环遍历
数组使用
颜色[i%colors.length]
：


var colors=['607ec7'、'ca85ca'、'61c436'、'e54e7e'、'f4b23f'、'46c49c'；
var i=0；
var aElem=$（'.vce特色部分a'）；
而（i！==aElem.length）{
$（aElem[i]）.css（'background'，colors[i%colors.length]）；
i++；
}


















var colors=['607ec7'、'ca85ca'、'61c436'、'e54e7e'、'f4b23f'、'46c49c'；
对于（i=0；i您可以使用简单的.each循环设置颜色

var colors = ['#607ec7', '#ca85ca', '#61c436', '#e54e7e', '#f4b23f', '#46c49c'];

var length = colors.length;
var currentColorIndex = 0;

$('.vce-featured-section a').each(function(index) {
  $(this).css('background-color', colors[currentColorIndex]);
  currentColorIndex = ++currentColorIndex % length;
});

<div class="vce-featured-section">
   <a href="#" class="category-97">ReraFirst Updates</a>
   <a href="#" class="category-97">ReraFirst Updates</a>
   <a href="#" class="category-97">ReraFirst Updates</a>
   <a href="#" class="category-97">ReraFirst Updates</a>
   <a href="#" class="category-97">ReraFirst Updates</a>
   <a href="#" class="category-97">ReraFirst Updates</a>
   <a href="#" class="category-97">ReraFirst Updates</a>
   <a href="#" class="category-97">ReraFirst Updates</a>
   <a href="#" class="category-97">ReraFirst Updates</a>
 </div>

var colors=['607ec7'、'ca85ca'、'61c436'、'e54e7e'、'f4b23f'、'46c49c'；
变量长度=colors.length；
var currentColorIndex=0；
$（'.vce特色部分a'）。每个（功能（索引）{
$（this.css（'background-color'，colors[currentColorIndex]）；
currentColorIndex=++currentColorIndex%长度；
});
数组中有6种颜色，但HTML中有9个
a
标记。这些标记应该如何匹配？欢迎使用Stack Overflow！请阅读，尤其是您最好的选择是进行相关主题的研究，并尝试一下。如果您在做更多研究后陷入困境，无法摆脱困境搜索时，发布你的尝试，并明确指出你遇到了什么困难。人们会很乐意提供帮助。祝你好运！当我们到达colors array@31piy的末尾时，再从第一个开始使用JavaScript有什么特别的原因吗？如果颜色是静态的，只使用CSS，使用
nth ch，这很简单ild
和类似。颜色是静态的，但我们可以添加更多链接。因此，所有新添加的链接也应该获得数组中定义的颜色。此外，所有相邻链接都应该具有不同的颜色。Ankit Agarwal的回答解决了我的问题。嘿，谢谢，它成功了。你能用纯javascript帮助我使用相同的代码吗？@sachinmukherjee cool，edited答案。检查它并让我知道。嘿，谢谢你的回答，但是javascript代码不起作用。@sachinmukherjee，你检查过代码片段了吗？可以。是的，代码片段起作用了，但在我的系统中不起作用。它也没有抛出任何错误。嘿，谢谢你的帮助，但我在实际项目中只使用了虚拟链接。这些链接将被删除不一样。你能用纯javascript帮我吗？@sachinmukherjee当然可以：-）@sachinmukherjee答案更新：-）这是纯javascript兄弟：-）