Método after en jQuery
El método after permite agregar
texto después de los elementos.
Consideremos el siguiente ejemplo, supongamos que tenemos un párrafo:
<p>text</p>
Ahora escribimos el siguiente código Javascript:
$('p').after('<b>!!!</b>');
Después de ejecutar el código, el párrafo se verá así:
<p>text</p><b>!!!</b>
Es necesario señalar que todos los métodos de inserción mencionados anteriormente
- prepend, append,
before y after también prevén la
posibilidad de aplicar una función a cada
elemento en el conjunto.
Encontremos todos los párrafos y al final de cada uno de ellos coloquemos su número de orden en el conjunto:
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index){return index;});
Después de cada h2 inserte '<p>?</p>'.
En una sola cadena, antes de cada h2 inserte
'<p>!</p>', y después de h2 -
'<p>?</p>'.