Añadir código detrás de un objeto o etiqueta con JQuery

En otros tutoriales de ejemplo de JQuery hemos visto como añadir código al final o al principio de una capa, pero hay ocasiones que podemos querer añadir código justo detrás de esta capa, no en su interior. Cuando me refiero a capa, puede ser cualquier etiqueta identificada en nuestro código html.

jquery
JQuery, escribe menos, haz más

Utilizando JQuery la cosa se facilita muchísimo, de hecho os voy a poner el código que hace que sobren explicaciones:

$(‘#objeto’).after(‘<input type=»button» name=»Submit» value=»Botón creado al vuelo» onclick=»alert(«Este botón se ha añadido automático»)» />’);

El código simplemente está diciendo que a «objeto» después con after, le añadas lo que está entre las comillas, en este caso acabo de añadir un botón con todos lo que he querido, incluso un evento onclick que manda la función alert con un mensaje al ser pulsado.

Solo faltaría tener el objeto llamado «objeto» para que funcione.

Sin más, espero que os sirva 😉

Salud!

Carlos Dk

Apasionado por la enseñanza y el SEO

2 comentarios en “Añadir código detrás de un objeto o etiqueta con JQuery

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.