JSFiddle - React, Tailwind, and code Playground

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>

CSS

div {
    margin: 10px;
}
.column {
    border: 1px solid #ff0000;
}

JavaScript

$(".view-content > div").each(function() {
    $(".view-content > ." + this.className).wrapAll("<div class='column' />");
});