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

Método jQuery after()

HTML de jQuery/Métodos CSS

el método after() para insertar el contenido especificado después del elemento seleccionado.

Para insertar contenido antes de un elemento seleccionado, utilicebefore()Método.

Sintaxis:

Insertar contenido:

$(selector).after(content)

Insertar contenido usando una función:

$(selector).after(function(index))

Ejemplo

Insertar contenido después de cada párrafo:

$("button").click(function(){
  $("p").after("<p>Hello world</p>");
});
Prueba aquí‹/›

Insertar contenido usando una función:

$("button").click(function(){
  $("p").after(function(i){
    return "<p>El índice de este elemento p: " + i + ".</p>";
  });
});
Prueba aquí‹/›

Valor del parámetro

ParámetrosDescripción
contenidoEspecificar el contenido que se debe insertar después de cada elemento seleccionado (puede contener etiquetas HTML)

Valores posibles:

  • Elemento HTML

  • Elemento DOM

  • Objeto jQuery

function(index)Especificar una función que devuelva el contenido a insertar
  • índice-Devolver la posición del elemento en la colección

HTML de jQuery/Métodos CSS