javascript：按类拆分html

Question

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

说我有这个HTML：

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

我想通过pageBreaks分割我的内容以获得此输出：

page1 buffer: page 1

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

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

想法？

Answer 1

由于您的页面未被HTML标记包含（这将是解决此问题的DOM友好方式），您必须自己处理内容div中的HTML以将内容分解为您的页面。这是使用正则表达式在每个分页符中分割内容的一种方法。

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

此时，pages数组将包含每个分页符之间的内容。

并且，一个工作示例：http://jsfiddle.net/jfriend00/wpyH2/

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