JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div class="mk-tabs-pane">1=</div>
<div class="mk-tabs-pane">2=</div>
<div class="mk-tabs-pane">3=</div>
<div class="mk-tabs-pane">4=</div>
<div class="mk-tabs-pane">5=</div>
<div class="tabonecontent">one</div>
<div class="tabtwocontent">two</div>
<div class="tabthreecontent">three</div>
<div class="tabfourcontent">four</div>
<div class="tabfivecontent">five</div>
</body>
JavaScript
$(document).ready(function () {
var subTabGroups = ['one','two','three','four','five'];
$('.mk-tabs-pane').each(function (i) {
$(this).append($('.tab' + subTabGroups[i] + 'content'));
});
});