如何在两者之间两段使用jQuery主分区里面包裹时添加div标签 [英] How to add div tag in-between two paragraphs when wrapped inside main div using jquery

问题描述

我要为每个文章横幅广告某处的文章文字之间，让我们2或第3款之后说。

在的jsfiddle

文章样本为例

如果您选中jdFiddle那么你就可以了解我的情况比较好，我想广告第二段之后红旗盒子，我想用jQuery做到这一点，我将AP preciate如果有一个人可以帮助我这一点。

我可以使用C＃通过拆分在第二段和放大器的最终文本做asp.net web表单一样的;加入横幅 DIV 。

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

更完美

 ＆LT; D​​IV CLASS =ArticleContent＆GT;
    ＆所述p为H.;
        Lorem存有悲坐阿梅德，UT auctor mauris eget ERAT nonummy，非mauris risus自由人voluptates评级机构，debitis elementum eget etiam。类nisl，在euismod ligula法无sodales，tristique NUNC，胡斯托pellentesque TEMPORA。 Lectus metus penatibus英里donec麦格纳，SAPIEN adipiscing麦格纳SED，整数简历＆LT; / P＆GT;＆LT; P＆GT;南直径malesuada普鲁斯发酵commodo luctus laoreet quisque，PEDE eget conubia，conubia DUI每坐了欧盟laoreet，欧盟马萨。 Donec在扫描电镜，WISI赌注SED非aptent，ID facilis LOREM ligula NEC nullam，前庭elementum悲natoque灵猫悲阿梅德，aliquet欧盟lectus lectus suspendisse sodales法无。 Lacinia suscipit ERAT。 ＆所述; / P＆GT;＆LT; P＆gt;在蒙特斯得力士，MI诺比斯猫等tincidunt tempor adipiscing，consectetuer quia非DUI奥迪奥南，得力士华富lectus pretium ELIT morbi ELIT laoreet nisl NIBH。 ＆所述; / P＆GT;＆LT; P＆GT; Tincidunt LOREM PORTA auctor，lobortis在molestie欧盟volutpat一个SAPIEN donec简历ID，在enim＆LT; / P＆GT;
    ＆LT; D​​IV CLASS =ContentBanner＆GT;横幅此处＆lt露面; / DIV＆GT;
＆LT; / DIV＆GT;
 

解决方案

  $（ContentBanner）insertAfter。（ArticleContent号码：等式（1））
 

演示

I have to show a banner ad for each article somewhere in between the article text, let us say after 2nd or 3rd paragraph.

sample example of article on jsFiddle

if you have checked the jdFiddle then you can understand my scenario better, I want to ad the red banner box after second paragraph and i want to do it with jQuery i would appreciate if some one can help me with this.

I can do same in asp.net web form using c# by splitting the text at end of second paragraph & adding the Banner div.

I would love to have a solution which is more perfect for this kind of scenario

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

解决方案

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

DEMO

这篇关于如何在两者之间两段使用jQuery主分区里面包裹时添加div标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！