Pode pegar o parágrafo usando .eq(índice)
e inserir algo após ele usando .after()
.
Se o container for uma div
qualquer, pegando pelo id
:
$(function(){
var pub = '<div class="pub">publicidade</div>';
$("#div p:eq(2)").after(pub);
});
// eq(0) = 1º elemento
// eq(1) = 2º elemento
// eq(2) = 3º elemento ←
// eq(3) = 4º elemento
p{
background: yellow;
}
.pub{
background: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div">
<p>parágrafo 1</p>
<p>parágrafo 2</p>
<p>parágrafo 3</p>
<p>parágrafo 4</p>
</div>
Se o container for o próprio body
:
$(function(){
var pub = '<div class="pub">publicidade</div>';
$("p:eq(2)").after(pub);
});
// eq(0) = 1º elemento
// eq(1) = 2º elemento
// eq(2) = 3º elemento ←
// eq(3) = 4º elemento
p{
background: yellow;
}
.pub{
background: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>parágrafo 1</p>
<p>parágrafo 2</p>
<p>parágrafo 3</p>
<p>parágrafo 4</p>