JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
    <img src="" alt="" />
    <h4>Test</h4>
    <p>Cntent</p>
    <img src="" alt="" />
    <h4>Test</h4>
    <p>Cntent</p>
    <img src="" alt="" />
    <h4>Test</h4>
    <p>Cntent</p>
    <img src="" alt="" />
    <h4>Test</h4>
    <p>Cntent</p>
</div>

CSS

div.container { border: solid 1px red; margin: 2px; }

JavaScript

var elems = $("#content").find("img, h4, p");
for(var i = 0; i < elems.length; i+=3) {
  elems.slice(i, i+3).wrapAll("<div class='container'></div>");
}