JSFiddle - React, Tailwind, and code Playground

HTML

<div class="holdOne">holdOne</div>
<div class="holdTwo">holdTwo</div>
<div class="holdThree">holdThree</div>


<p>Product Holder </p>
<div class="productHolder">
    <div class="product">1</div>
    <div class="product">2</div>
    <div class="product">3</div>
    <div class="product">4</div>
    <div class="product">5</div>
    <div class="product">6</div>
</div>

JavaScript

$(function() {
    var dummy;
    dummy = $('.productHolder .product').eq(0);
    $('.holdOne').append(dummy.html());
    dummy = $('.productHolder .product').eq(1);
    $('.holdOne').append(dummy.html());
    dummy = $('.productHolder .product').eq(2);
    $('.holdOne').append(dummy.html());
    
    dummy = $('.productHolder .product').eq(1);
    $('.holdTwo').append(dummy.html());
    dummy = $('.productHolder .product').eq(2);
    $('.holdTwo').append(dummy.html());
    dummy = $('.productHolder .product').eq(3);
    $('.holdTwo').append(dummy.html());
    
    dummy = $('.productHolder .product').eq(0);
    $('.holdThree').append(dummy.html());
    dummy = $('.productHolder .product').eq(5);
    $('.holdThree').append(dummy.html());
    dummy = $('.productHolder .product').eq(4);
    $('.holdThree').append(dummy.html());
});