javascript - 选择每 n 个相同类型的元素，但不在同一父元素中

Question

我怎样才能抓取页面上某种类型 (a) 的每个元素，而不管它们是否在父容器中，并在每第 n 次迭代中添加某个类？

我正在尝试按顺序使用 5 种不同颜色循环我的所有链接。所以每 5n+0 个链接都是蓝色的，每 5n+1 个都是红色的，等等。阻止我使用 css nth-childs 的问题是它们大多包含在不同的段落中，并且都被认为在 5n+0 之下。

我(认为)我知道从 document.querySelectorAll("a") 开始，但不知道从那里开始做什么....

Answer 1

您可以使用 .each() 进行迭代，然后将颜色/类相应地添加到索引(第 n 个元素)

$('a').each(function(index, element){
  switch(index%5){
    case 0:
        $(element).addClass('blueColor');
        break;
    case 1:
        $(element).addClass('redColor');
        break;
    default:
    //Whatever    
  }
});

Fiddle: