Javascript / jQuery：将内容分为两部分

我不确定这是否可以通过Javascript和任何帮助或建议非常感谢.

这是一个场景：假设我有内容(所有文本),这是6段长.内容是从数据库中立即动态提取的(意味着所有6个段落都是通过单个变量输出的,所以我无法改变它).

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

所以,content = 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：将内容分为两部分

相关文章