JSFiddle - React, Tailwind, and code Playground

by redler

HTML

<h1>chapter 1</h1>
<p>lorem ipsum</p>
<p>sit amet</p>
<h1>chapter 2</h1>
<p>lorem ipsum</p>
<p>sit amet</p>

CSS

div.chapter { border: 1px solid red; padding: 10px; }
h1 { font-weight: bold }

JavaScript

$('h1').each( function(){
    $(this).nextUntil('h1').andSelf().wrapAll('<div class="chapter">');
});