我想在div中划分元素的内容。分隔符为<hr/>，所有打开的标记应在关闭div之前关闭，并且（如果需要）在重新打开的div标记之后重新打开。我天真的想法是通过子元素遍历jQuery，用<hr/>替换所有出现的</div><div>并在此之前关闭所有打开的标记（达到某个级别）。我不知道如何重新打开它们。
示例：
<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/>标记，以相反的顺序重新打开堆栈上的所有标记。继续直到结束并关闭所有仍然打开的标签。
这样做的目的是将文本分块为预定义的部分。它用于文本分页，div是页面。我希望用户能够手动指定中断，甚至在ul，p等内部。
感谢任何帮助。