Javascript/jQuery : Split content in two parts

我不确定这是否可以用 Javascript 来完成，非常感谢任何帮助或建议。

这是一个场景:假设我有内容(所有文本)，即 6 段长。内容立即从数据库中动态提取(意味着所有 6 个段落都通过单个变量输出，因此我无法更改)。

我需要做的是，在页面顶部显示前两段，然后显示一些其他内容，然后在其他内容下方显示其余段落。

因此，内容 = 6 段

Paragraph One
Paragraph Two

SOME OTHER COOL STUFF IN BETWEEN

Paragraph Three
Paragraph ...
Paragraph Six

是否可以使用 Javascript 拆分此内容。段落在 p 标签内输出。

最佳答案

HTML

<div id="wrapper">
    <p>Paragraph 1</p>
    <p>Paragraph 2</p>
    <p>Paragraph 3</p>
    <p>Paragraph 4</p>
    <p>Paragraph 5</p>
    <p>Paragraph 6</p>
    <div id="cool">SOME OTHER COOL STUFF IN BETWEEN</div>
</div>

jQuery

$('#wrapper > p').slice(2).appendTo('#wrapper');

CSS

#cool { font-size:20px; color:red; }

现场演示: http://jsfiddle.net/KZm5X/

关于Javascript/jQuery : Split content in two parts，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4643145/

paragraph

Javascript/jQuery : Split content in two parts