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ãoRun tests
nessa página eq vs eq()eq vs eq()