javascript：按类拆分html

我正在用jquery创建一个简单的html编辑器

假设我有这个html：

<div id="content">
    page 1
<div class="pageBreak"></div>
    page 2
<div class="pageBreak"></div>
    page 3
</div>

第1页
第2页
第3页

我想按分页符拆分我的内容以获得以下输出：

page1 buffer: page 1

page2 buffer: <div class="pageBreak"></div>page 2

page3 buffer: <div class="pageBreak"></div>page 3

page1缓冲区：第1页
第2页缓冲区：第2页
第3页缓冲区：第3页

---

想法？

由于您的页面没有HTML标记（这是解决此问题的DOM友好方式），因此您必须在content div中自行处理HTML，以将内容拆分为页面。这里有一种方法，使用正则表达式在每个分页符拆分该内容

var t = $("#content").html();
var pages = t.split(/<div\s+class\s*=\s*['"]?pageBreak["']?\s*>\s*<\/div>/i);

var t=$（“#content”）.html（）；
var pages=t.split（/\s*/i）；

此时，pages数组将具有每个分页符之间的内容

还有一个工作示例：

请注意，这里的正则表达式试图非常通用，因为浏览器并不总是返回您放在页面中的相同innerHTML。

$（'.pageBreak:eq（0）'）。nextUntil（'.pageBreak'）

？谢谢--我不知道nextUntil