Método after em jQuery

O método after permite adicionar texto após os elementos.

Vamos considerar o seguinte exemplo, suponha que temos um parágrafo:

html<p>texto</p>

Agora, escrevemos o seguinte código Javascript:

javascript$('p').after('<b>!!!</b>');

Após a execução do código, o parágrafo ficará assim:

html<p>texto</p><b>!!!</b>

É importante notar que todos os métodos de inserção mencionados acima - prepend, append, before e after também preveem a possibilidade de aplicar uma função a cada elemento no conjunto.

Vamos encontrar todos os parágrafos e no final de cada um deles colocar seu índice no conjunto:

html<p>texto</p>
<p>texto</p>
<p>texto</p>

javascript$('p').append(function(index){return index;});