确定奇数和偶数

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';
    }
}

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>