Javascript 如何使用jquery在主div中包装时在两段之间添加div标记

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

关于

如果您已经检查了jFIDLE，那么您就可以更好地理解我的场景，我想在第二段之后添加红旗框，我想用jQuery来做这件事，如果有人能帮助我，我将不胜感激

在asp.NETWeb表单中，我可以使用c通过拆分第二段末尾的文本并添加横幅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>

---

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

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

这应该管用

---

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

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

这应该管用

---

如何在显示之前存储/获取您的横幅？如何在显示之前存储/获取您的横幅？如何修改此jquery以确保它仅对ArticleContent div内的段落执行它$.ContentBanner.insertAfter.ArticleContent p:eq0说明在p之前提到ArticleContent的原因。eqi告诉ArticleContent中的哪个p选择基于0的索引，所以eq0表示第一个，以此类推。非常聪明！我们可以在段落的字数之后插入div吗？@MAZ可以，但需要一些计算。首先读取p标记的innerHTML，然后使用split“”创建一个单词数组。使用splice将div html插入此数组中所需的位置。然后在结束时，将数组连接回并替换innerHTMLHow我可以修改此jquery以确保它仅对ArticleContent div内的段落执行此操作。将其命名为$.ContentBanner.insertAfter.ArticleContent p:eq0这是在p之前提到ArticleContent的原因。eqi告诉ArticleContent中的哪个p选择基于0的索引，所以eq0表示第一个，以此类推。非常聪明！我们可以在段落的字数之后插入div吗？@MAZ可以，但需要一些计算。首先读取p标记的innerHTML，然后使用split“”创建一个单词数组。使用splice将div html插入此数组中所需的位置。然后在最后加入数组并替换InnerHtmlTanks我让你投票支持你的解决方案，但另一个更适合我$.ContentBanner.insertAfter.ArticleContent p:eq0谢谢我让你投票支持你的解决方案，但另一个更适合我$.ContentBanner.insertAfter.ArticleContent p:eq0

$("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);
       }        
  });