1

各記事のテキストの間のどこかにバナー広告を表示する必要があります。たとえば、2 番目または 3 番目の段落の後です。

jsFiddleに関する記事のサンプル例

jdFiddle を確認した場合、私のシナリオをよりよく理解できます。2 番目の段落の後に赤いバナー ボックスを追加したいのですが、jQuery を使用してそれを行いたいと考えています。

2 番目の段落の最後でテキストを分割し、Banner を追加することで、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>
4

3 に答える 3

3

jQueryを使用すると、以下のコードを使用できます。

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

これはうまくいくはずです!!!!

http://jsfiddle.net/eehtK/

于 2012-10-31T10:30:04.737 に答える
2 
$(".ContentBanner").insertAfter(".ArticleContent p:eq(1)")

デモ

于 2012-10-31T10:30:45.160 に答える
1 
$("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-31T10:52:01.287 に答える