JSFiddle - React, Tailwind, and code Playground
HTML
<body>
text+images part 1
<div class="sep">some text</div>
tex+images part2
<div class="sep">some text</div>
text+images part3
<p>text+images part4</p>
</body>
CSS
.text {
color:green;
}
.sep {
color:red;
}
JavaScript
i = 0;
$("body").contents().filter(function() {
return this.nodeName.toLowerCase() != "div"; // text node
})
.wrap(function() {
i++;
return $("<div />").addClass("text").attr("id", "div_"+i);
});
//$(".sep").hide(); // or remove()