कैसे जोड़ने के लिए कक्षा में हर करने के लिए 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>