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.

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!