Javascript 分组div元素

我有这个html代码

<div class="product">
  <div class="productName">Red hoodie</div>
</div>
<div class="product">
  <div class="productName">Blue hoodie</div>
</div>
<div class="product">
  <div class="productName">Green hoodie</div>
</div>

而这些产品部门更像是50个左右。 是否有任何方法可以使用javascript或jquery将它们分组为一行中的两个产品div，例如：

<div class="row">
  <div class="product">
    <div class="productName">Red hoodie</div>
  </div>
  <div class="product">
    <div class="productName">Blue hoodie</div>
  </div>
</div>

<div class="row">
  <div class="product">
    <div class="productName">Green hoodie</div>
  </div>
</div>

---

不要浪费你的时间或任何东西，但你会后悔在某个地方把你的div“分组”了。坏主意

你试过什么了吗？首先，让我问你为什么想要这个？我们不能只专注于按您想要的方式呈现结果吗？具有elements@Phiter没有，我没有t@ScottMarcus因为我想在横幅上加上4排之后有折扣的产品。这不是答案，而是对这个问题的评论。