微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐