JSFiddle - React, Tailwind, and code Playground

by alex_ball

HTML

<div class="view-content">
    <div class="first">content</div>
    <div class="first">content</div>
    <div class="second">content</div>
    <div class="third">content</div>
    <div class="third">content</div>

</div>

<div class="out"></div>

JavaScript

var arr = $(".view-content div").map(function() { return $(this).attr('class'); }).get();


var results = $.unique(arr);
var i;


for(i = 0; i < results.length; i++){
    
    $('.out').append('<div class="columns"></div>');
    $('.'+results[i]).clone().appendTo('.columns:last');
}

alert($('.out').html());