Skip to main content
adicionou 13 caracteres ao conteúdo
Fonte Link
user60252
user60252

Pode pegar o parágrafo usando :eq(índice) e inserir algo após usando .after().

    $( "body" ).find( "div" ).eq( 2 ).addClass( "aliceblue" );

    $(function(){
       var container = '<div>publicidade</div>';
       $("p:eq(2)").after(container);
    });

        $( "div" ).eq(1).css( "background-color", "yellow" );

        $( "div:eq(0)" ).css( "color", "red" );
      div {
        margin: 10px;
        float: left;
        border: 2px solid blue;
      }
      .aliceblue {
        background:aliceblue;
      }
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <div>zero</div>
    <div>um</div>

    <div>dois
    <p>parágrafo 1</p>
    <p>parágrafo 2</p>
    <p>parágrafo 3</p>
    <p>parágrafo 4</p>
    </div>

    <div>tres</div>
    <div>quatro</div>

repare que .eq e :eq fazem basicamente a mesma coisa. A diferença entre eles pode ser vista nesse post (ingles) clicando no botão Run tests nessa página eq vs eq()eq vs eq()

Pode pegar o parágrafo usando :eq(índice) e inserir algo após usando .after().

    $( "body" ).find( "div" ).eq( 2 ).addClass( "aliceblue" );

    $(function(){
       var container = '<div>publicidade</div>';
       $("p:eq(2)").after(container);
    });

        $( "div" ).eq(1).css( "background-color", "yellow" );

        $( "div:eq(0)" ).css( "color", "red" );
      div {
        margin: 10px;
        float: left;
        border: 2px solid blue;
      }
      .aliceblue {
        background:aliceblue;
      }
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <div>zero</div>
    <div>um</div>

    <div>dois
    <p>parágrafo 1</p>
    <p>parágrafo 2</p>
    <p>parágrafo 3</p>
    <p>parágrafo 4</p>
    </div>

    <div>tres</div>
    <div>quatro</div>

repare que .eq e :eq fazem basicamente a mesma coisa. A diferença entre eles pode ser vista nesse post (ingles) clicando no botão Run tests eq vs eq()

Pode pegar o parágrafo usando :eq(índice) e inserir algo após usando .after().

    $( "body" ).find( "div" ).eq( 2 ).addClass( "aliceblue" );

    $(function(){
       var container = '<div>publicidade</div>';
       $("p:eq(2)").after(container);
    });

        $( "div" ).eq(1).css( "background-color", "yellow" );

        $( "div:eq(0)" ).css( "color", "red" );
      div {
        margin: 10px;
        float: left;
        border: 2px solid blue;
      }
      .aliceblue {
        background:aliceblue;
      }
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <div>zero</div>
    <div>um</div>

    <div>dois
    <p>parágrafo 1</p>
    <p>parágrafo 2</p>
    <p>parágrafo 3</p>
    <p>parágrafo 4</p>
    </div>

    <div>tres</div>
    <div>quatro</div>

repare que .eq e :eq fazem basicamente a mesma coisa. A diferença entre eles pode ser vista nesse post (ingles) clicando no botão Run tests nessa página eq vs eq()

Fonte Link
user60252
user60252

Pode pegar o parágrafo usando :eq(índice) e inserir algo após usando .after().

    $( "body" ).find( "div" ).eq( 2 ).addClass( "aliceblue" );

    $(function(){
       var container = '<div>publicidade</div>';
       $("p:eq(2)").after(container);
    });

        $( "div" ).eq(1).css( "background-color", "yellow" );

        $( "div:eq(0)" ).css( "color", "red" );
      div {
        margin: 10px;
        float: left;
        border: 2px solid blue;
      }
      .aliceblue {
        background:aliceblue;
      }
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <div>zero</div>
    <div>um</div>

    <div>dois
    <p>parágrafo 1</p>
    <p>parágrafo 2</p>
    <p>parágrafo 3</p>
    <p>parágrafo 4</p>
    </div>

    <div>tres</div>
    <div>quatro</div>

repare que .eq e :eq fazem basicamente a mesma coisa. A diferença entre eles pode ser vista nesse post (ingles) clicando no botão Run tests eq vs eq()