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:
<p>texto</p>
Agora, escrevemos o seguinte código Javascript:
$('p').after('<b>!!!</b>');
Após a execução do código, o parágrafo ficará assim:
<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:
<p>texto</p>
<p>texto</p>
<p>texto</p>
$('p').append(function(index){return index;});
Após cada h2 insira '<p>?</p>'.
Em uma única cadeia, antes de cada h2 insira
'<p>!</p>', e após h2 -
'<p>?</p>'.
