Agregar Un elemento HTML Después de Otro Con jQuery

2 minuto(s)

A veces necesitamos insertar un elemento HTML después de otro elemento HTML.

jQuery es una librería que nos facilita hacer esta tarea rápidamente.

En este tutorial te enseñaré a Como Agregar Un elemento HTML Después de Otro Con jQuery, vamos con ello.

Proyecto web creado con jQuery
jQuery permite ejecutar tareas dinámicas en una web usando poco código JavaScript

Lo que haré es colocar una imagen después de otra, ambas son elementos <img> de HTML.

Tengo la siguiente imagen inicial o padre:


Entonces voy agregar una imagen después de la imagen inicial o padre:

Para ello uso el siguiente código jQuery:


Lo que hago es seleccionar el ide la imagen inicia o padre el cual es id=”imagen”

Paso seguido uso el método after() de jQuery y en el le paso el elemento HTML que deseo insertar, en este caso es una imagen.

Si voy al navegador, puedo ver que el elemento HTML o la imagen, se ha agregado correctamente:

Elemento HTML agregado después de otro con jQuery
Puedes agregar otro elemento HTML que desees

Así de sencillo puedes agregar un elemento HTML después de otro elemento HTML con jQuery.

Conclusión

En este tutorial has aprendido a Como Agregar Un elemento HTML Después de Otro Con jQuery.

La práctica es la madre de la experiencia.

Si practicas mucho lograrás dominar el trabajo con jQuery y HTML.

Nota(s)

  • No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo.

Síguenos en las Redes Sociales para que no te pierdas nuestros próximos contenidos.