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

.column{ border: 1px solid green; margin-bottom:10px}

JavaScript

var classes = ['.first', '.second', '.third'];

for (i = 0; i < classes.length; i++) {
    $(classes[i]).wrapAll('<div class="column">')
}