要素の内容を div で分割したい。区切り文字は<hr/>であり、すべての開いているタグは、終了 div の前に閉じ、(必要に応じて) 再開された div タグの後に再開する必要があります。<hr/>私の素朴な考えは、jQuery を使用して要素の子をトラバースし、出現するすべてのwithを置き換え、</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 などの内部であっても、ユーザーが手動でブレークを指定できるようにしたいと考えています。
どんな助けでも大歓迎です。