JSFiddle - React, Tailwind, and code Playground

by gion_13

HTML

<div class="container">
<div class="body">Content</div>
<div class="body">Content</div>
<div class="body">Content</div>
<div class="header">Content</div>
<div class="header">Content</div>
<div class="header">Content</div>
<div class="footer">Content</div>
<div class="footer">Content</div>
<div class="footer">Content</div>
</div>

JavaScript

var container = $('<div class="tabarea"></div>');
var selectors = [
    ".body",
    ".header",
    ".footer"
];
$.each(selectors,function(i,selector){
    var el = $(selector);
    var c = container
        .clone()
        .insertBefore(el.eq(0));
    el.appendTo(c);
});

$.each(selectors,function(i,sel){
    console.log($(sel).parent());
});