javascript - 使用jquery包裹在主div中时如何在两个段落之间添加div标签

Question

我必须在文章文本之间的某处为每篇文章显示横幅广告，比如在第 2 段或第 3 段之后。

关于 jsFiddle 的文章示例

如果您检查了 jdFiddle，那么您可以更好地理解我的场景，我想在第二段之后添加红色横幅框，我想用 jQuery 来完成，如果有人能帮助我，我将不胜感激。

我可以使用 c# 在 asp.net web 表单中执行相同操作，方法是在第二段末尾拆分文本并添加横幅 div。

我很想有一个更适合这种场景的解决方案

<div class="ArticleContent">
    <p>
        Lorem ipsum dolor sit amet, ut auctor mauris eget erat nonummy, non mauris risus libero voluptates cras, debitis elementum eget etiam. Class nisl, at euismod ligula nulla sodales, tristique nunc, justo pellentesque tempora. Lectus metus penatibus mi donec magna, sapien adipiscing magna sed, integer vitae.</p>

<p>Nam diam malesuada purus, fermentum commodo luctus laoreet quisque, pede eget conubia, conubia dui per sit a eu laoreet, eu massa. Donec in sem at, wisi ante sed non aptent, id facilis lorem ligula nec nullam, vestibulum elementum dolor natoque viverra dolor amet, aliquet eu lectus lectus suspendisse sodales nulla. Lacinia suscipit erat. </p>

<p>Tellus quam lectus pretium in montes tellus, mi nobis felis et tincidunt tempor adipiscing, consectetuer quia non dui odio nam, elit morbi elit laoreet nisl nibh. </p>

<p>Tincidunt lorem porta auctor, lobortis in molestie eu, volutpat a sapien donec vitae id, at enim.</p>
    <div class="ContentBanner"> BANNER WILL SHOW UP HERE</div>
</div>

Answer 1

使用 jQuery，您可以使用以下代码:

$('<div class="ContentBanner"> BANNER WILL SHOW UP HERE</div>').insertAfter('.ArticleContent p:nth-child(3) ');

这应该有效!!!

http://jsfiddle.net/eehtK/