我怎样才能抓取页面上某种类型 (a) 的每个元素,而不管它们是否在父容器中,并在每第 n 次迭代中添加某个类?
我正在尝试按顺序使用 5 种不同颜色循环我的所有链接。所以每 5n+0 个链接都是蓝色的,每 5n+1 个都是红色的,等等。阻止我使用 css nth-childs 的问题是它们大多包含在不同的段落中,并且都被认为在 5n+0 之下。
我(认为)我知道从 document.querySelectorAll("a")
开始,但不知道从那里开始做什么....
最佳答案
您可以使用 .each()
进行迭代,然后将颜色/类相应地添加到索引(第 n 个元素)
$('a').each(function(index, element){
switch(index%5){
case 0:
$(element).addClass('blueColor');
break;
case 1:
$(element).addClass('redColor');
break;
default:
//Whatever
}
});
关于javascript - 选择每 n 个相同类型的元素,但不在同一父元素中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55083795/