JSFiddle - React, Tailwind, and code Playground

HTML

<div id="global">
            <div id="container">
                <div id="sub1">
                    <h1> hello world </h1>
                </div>
                <div id="sub2">
                    <h1> hello world again</h1>
                </div>
            </div>
            <div id="container3">
                    <h1> hello world again</h1>
            </div>
        </div>

CSS

#global {
    border: 1px solid blue;
    padding: 2px;
}

.temp {
    border: 1px solid red;
}

JavaScript

$("#global").contents().wrapAll('<div name="wrapper" class="temp"></div>');