如何遍历div中的每两个项目

Question

这是我的 HTML 结构我想检查每两个productItem div我如何检查每两个 div
我需要使用哪个 JavaScript 循环结构

 <div class="custompsps"> <div class="ProductItem"> </div> <div class="ProductItem"> </div> <div class="ProductItem"> </div> <div class="ProductItem"> </div> </div> <div class="custompsps"> <div class="ProductItem"> </div> <div class="ProductItem"> </div> <div class="ProductItem"> </div> <div class="ProductItem"> </div> </div>

Answer 1

你可以 select 所有元素，然后循环它们，如果你想添加类，这是一个例子

let allProds = document.querySelectorAll(".ProductItem");
for(let i = 0; i< allProds.length; i+2){
    allProds[i].classList.add("everyOddItem");
}