Método after
El método after agrega texto después
del elemento especificado. También existe el método
insertAfter,
que funciona de manera similar.
Sintaxis
Insertar texto después del elemento:
$(selector).after(texto);
Así es como se agregará después de los elementos seleccionados el texto que será devuelto por la función personalizada. La función se llama, por separado para cada uno de los elementos seleccionados. En el primer parámetro de esta función se ingresa el número en el conjunto de cada uno de los elementos seleccionados (en orden), en el segundo - el contenido actual del elemento:
$(selector).after(function(número en el conjunto, contenido actual del elemento));
El texto también puede no ser solo texto ordinario, sino también un elemento DOM o un objeto jQuery. En este caso, estos elementos se moverán desde su posición en el código HTML.
Ejemplo
Insertemos texto después del párrafo especificado:
<p id="test">texto</p>
$('#test').after('!!!');
El código HTML se verá así:
<p id="test">texto</p>!!!
Ejemplo
Insertemos texto con etiquetas después del párrafo especificado:
<p id="test">texto</p>
$('#test').after('<p>!!!</p>');
El código HTML se verá así:
<p id="test">texto</p><p>!!!</p>
Ejemplo
Movamos un párrafo debajo del otro (es decir, cortemos el párrafo de su lugar anterior y coloquémoslo en uno nuevo):
<p id="p1">texto1</p>
<p id="p2">texto2</p>
$('#p1').after('#p2');
El código HTML se verá así:
<p id="p2">texto2</p>
<p id="p1">texto1</p>
Ver también
-
método
insertAfter,
que agrega texto después del elemento especificado -
métodos
before,append,prepend,
que permiten agregar contenido en un lugar específico en la página -
método
clone,
que crea copias de los elementos seleccionados
