JSFiddle - React, Tailwind, and code Playground

HTML

<p>p</p>
<h4>h4</h4>
<img alt="img"/>
<p>p</p>
<h4>h4</h4>
<img alt="img"/>
<p>p</p>
<h4>h4</h4>
<img alt="img"/>
<p>p</p>
<h4>h4</h4>
<img alt="img"/>

CSS

div {
    border: solid 1px red;
}

JavaScript

$("h4").each(function () {
    $(this).prev().andSelf().next().andSelf().wrapAll("<div/>");
});