ยังไงเพื่อเพิ่มชั้นเรียนอยู่ทุกที่ div ใช้วง

นี่คือของโครงสร้างของฉันต้องการเพิ่มแปลกถึงแม้ชั้นเรียนในทุกๆสอง divs ดังนั้นได้ยังไงฉันก็จะประสบความสำเร็จในส่วนนี้โครงสร้างโดยใช้จาวาสคริปต์วงฉันพยายามทุกอย่างแต่ผมไม่มีอะไรฉันได้เรียนรู้จาวาสคริปต์วดังนั้นใครโปรดช่วยฉันด้วยกับเรื่องนี้

var i = 0;
$('.CollectionInner__Products .Grid__Cell .ProductItem').each(function(i) {
  var index = 0;
  if (index % 3 == 0) {
    $(this).addClass("odd");
  }
});

<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>

ฉันต้องการนี้โครงสร้าง:

i want this stucture
<div class="custompsps">
  <div class="ProductItem even">
  </div>
  <div class="ProductItem even">
  </div>
  <div class="ProductItem odd">
  </div>
  <div class="ProductItem odd">
  </div>

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

</div>