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

我必须在文章文本之间的某个位置显示每篇文章的横幅广告，让我们在第二或第三段后面说。文章对jsFiddle 如何在使用jquery包装在主div内时在两段之间添加div标签

样品例如，如果你已经检查了jdFiddle那么你就可以了解我的情况比较好，我想广告第二段后的红色横幅盒子，我想用jQuery我将不胜感激去做如果有人能帮助我。

我可以使用C＃通过拆分在第二段&加入横幅div末的文字做在asp.net web表单相同。

我很想有一个解决方案是为这种情况

<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>

来源

2012-10-31 Learning

你将如何来存储/显示之前获取的条幅？ –

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

DEMO

来源

2012-10-31 10:30:45 anu

感谢哥们，jQuery很棒 – Learning

我该如何修改这个jquery，以确保它在'ArticleContent' div中的段落只有 – Learning

知道了'$（“。ContentBanner”）。insertAfter（“。ArticleContent p：eq（0）”）' – Learning

的使用jQuery你可以用下面的代码更完美：

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

这应该工作!!!!

http://jsfiddle.net/eehtK/

来源

2012-10-31 10:30:04 RohitWagh

谢谢，我给了你的解决方案的投票权，但另一个更适合我''（“。ContentBanner”）。insertAfter（“。ArticleContent p：eq（0）”）' – Learning

$("div.ArticleContent p").each(function(index,item) 
    { 
     if(index==1 || index==2) 
     { 
      var divBanner='<div class="ContentBanner"> BANNER WILL SHOW UP HERE</div>'; 

      $(this).append(divBanner); 
     }   
    });

来源

2012-10-31 10:52:01 PanditCR

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

回答

相关问题