Javascript JQuery：替换和关闭打开的标记

我想在divs中划分元素的内容。分隔符为，所有打开的标记应在关闭div之前关闭，如果需要，应在重新打开的div标记之后重新打开。我天真的想法是使用jQuery遍历一个元素子元素，将所有出现的替换为，并在这之前关闭所有打开的标记到某个级别。但我不知道如何重新打开它们

例如：

<div id="content">
    <p>Bla some text
    <hr/>
    Some more text
    </p>
</div>

将成为：

<div id="content">
    <div>
        <p>Bla some text
        </p>
    </div><div>
        <p>Some more text
        </p>
    </div>
</div>

我想的是，只需按照每个标记的外观顺序访问它们，在它们打开时将它们添加到堆栈中，在它们再次关闭时将它们删除，如果我找到分隔符，则关闭堆栈中的所有标记，但不删除它们，插入标记，然后以相反的顺序重新打开堆栈上的所有标记。继续，直到结束并关闭所有仍然打开的标记

其目的是将文本分块成预定义的部分。它用于文本分页，div是页面。我希望用户能够手动指定中断，即使在ul、p等内部

感谢您的帮助