JSFiddle - React, Tailwind, and code Playground

HTML

<div class="htmlHolder">
    <div class="column">column1 data</div>
    <div class="column">column2 data</div>
    <div class="column">column3 data</div>
</div>
<hr>
<div class="htmlHolder2">
    column1 data 2--column2 data 2--column3 data 2
</div>

<hr>

    <div class="target_column0"></div>
    <div class="target_column1"></div>
    <div class="target_column2"></div>
    <hr>
    <div class="target2_column0"></div>
    <div class="target2_column1"></div>
    <div class="target2_column2"></div>

JavaScript

$(document).ready(function(){    
    
    //If you use elements as seperators
    var htmlHolder = $(".htmlHolder");
    htmlHolder.find("div").each(function(index){
        
        var html = $(this).html();
        $(".target_column"+ index).html(html);       
    });
    
    //If you dont use elements as seperator
    var htmlHolder2 = $(".htmlHolder2");
    var data = htmlHolder2.html().split("--");
    for(var index in data){
        
        var html = data[index];
        $(".target2_column"+ index).html(html);        
    };
});