javascript - 确定奇数和偶数

Question

有人可以告诉我我在这里做错了什么吗？我想要做的是遍历列表并为奇数和偶数分配背景颜色。

提前致谢。

var box = document.querySelectorAll('.links-wrapper li');


for(var i = 0; i < box.length; i++){
    if(box[i] % 2 === 0){
    	box[i].style.backgroundColor = 'red';
    } else {
    	box[i].style.backgroundColor = 'blue';
    }
}

标签： javascript

Answer 1

更改box[i]为i

for(var i = 0; i < box.length; i++){
    if(i % 2 === 0){
        box[i].style.backgroundColor = 'red';
    } else {
        box[i].style.backgroundColor = 'blue';
    }
}

否则你可以使用 css psuedo 选择器

.links-wrapper li:nth-child(even) {
  color: red
}

.links-wrapper li:nth-child(odd) {
  color: green
}

<ul class="links-wrapper">
  <li> 1</li>
  <li> 2</li>
  <li> 3</li>
  <li> 4</li>
  <li> 5</li>
</ul>