当使用jquery包装在主div中时,如何在两段之间添加div标签

我必须在文章文本之间的某个地方展示横幅广告,让我们在第2或第3段之后说出来。

关于jsFiddle的文章示例

如果你已经检查了jdFiddle然后你可以更好地理解我的场景,我想在第二段后面的红色横幅框,我想用jQuery做它我会很感激,如果有人可以帮我这个。

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

我希望有一个更适合这种情况的解决方案

 

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.

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.

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.

Tincidunt lorem porta auctor, lobortis in molestie eu, volutpat a sapien donec vitae id, at enim.

BANNER WILL SHOW UP HERE

 $(".ContentBanner").insertAfter(".ArticleContent p:eq(1)") 

DEMO

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

 $('
BANNER WILL SHOW UP HERE
').insertAfter('.ArticleContent p:nth-child(3) ');

这应该工作!!!!

http://jsfiddle.net/eehtK/

 $("div.ArticleContent p").each(function(index,item) { if(index==1 || index==2) { var divBanner='
BANNER WILL SHOW UP HERE
'; $(this).append(divBanner); } });