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>'
.