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() {
    $('.holdOne').append($('.productHolder .product').eq(0)[0].outerHTML);
    $('.holdOne').append($('.productHolder .product').eq(1)[0].outerHTML);
    $('.holdOne').append($('.productHolder .product').eq(2)[0].outerHTML);
    
    $('.holdTwo').append($('.productHolder .product').eq(1)[0].outerHTML);
    $('.holdTwo').append($('.productHolder .product').eq(2)[0].outerHTML);
    $('.holdTwo').append($('.productHolder .product').eq(3)[0].outerHTML);
    
    $('.holdThree').append($('.productHolder .product').eq(0)[0].outerHTML);
    $('.holdThree').append($('.productHolder .product').eq(5)[0].outerHTML);
    $('.holdThree').append($('.productHolder .product').eq(4)[0].outerHTML);
});