English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Método jQuery insertAfter()

jQuery HTML/Métodos de CSS

insertAfter() método inserta el elemento HTML especificado después del elemento seleccionado.

Para insertar un elemento HTML antes del elemento seleccionado, utilice el métodoinsertBefore()método.

enafter()Realiza la misma tarea que el método insertAfter(). La principal diferencia radica en la sintaxis:

  • Usoafter()La expresión de selección se coloca antes de la función, y los parámetros son el contenido que se va a insertar.

  • UsoinsertAfter()Al revés, el contenido está antes del método, y se colocará detrás del elemento de parámetro.

Sintaxis:

$(content).insertAfter(selector)

Ejemplo

Insertar un elemento HTML después de cada párrafo:

$("button").click(function(){
  $("<p style="39;color:red;'>Hello world</p>").insertAfter("p");
});
Prueba aquí‹/›

Utilice el método insertAfter() para insertar un elemento existente después de cada elemento seleccionado:

$("button").click(function(){
  $("h1").insertAfter("p");
});
Prueba aquí‹/›

Valor del parámetro

ParámetroDescripción
contentEspecificar el contenido que se desea insertar (debe contener marcadores HTML)

Valores posibles:

  • Elemento HTML

  • Elemento DOM

  • Objeto jQuery

selectorEl elemento seleccionado se insertará después de este parámetro

jQuery HTML/Métodos de CSS