Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL y htaccess


jQuery after(): Añadir elementos después de otro elemento

Nuevo post para repasar la función de jQuery after(), su funcionalidad es la de añadir elementos después de otro elemento indicado dentro del DOM de una página web.

Otras funciones de jQuery similares son:

Sintaxis de jQuery after()

Veamos la sintaxis extraída de su web oficial:

Os explico la sintaxis superior:

  • selector (Obligatorio): Elemento selector después del cual se inserta el contenido.
  • contenido (Obligatorio): Contenido a insertar, pudiendo ser un objeto jQuery, código HTML o elementos del DOM.
  • function (indice): Función que devuelve el contenido a insertar, el valor indice devuelve la posición del elemento.

Ejemplo de jQuery after()

Veamos en este ejemplo de after() su funcionamiento:

Os explico el ejemplo:

  • Detectamos el click en el elemento con id = ‘boton’.
  • Después con after() insertamos un párrafo entre el párrafo 1 y 2.

El código HTML de los párrafos y el botón es el siguiente:

 

comments powered by Disqus

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies