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!

Tags :

Comments (2)

Leave a comment

Sign in to post your comment or sine up if you dont have any account.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Tu software de gestión


Últimas preguntas:

Logo Dkreativo
Vertutoriales