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

Método jQuery before()

HTML de jQuery/Métodos CSS

el método before() para insertar contenido especificado antes del elemento seleccionado.

Para insertar contenido después del elemento seleccionado, utiliceafter()Método.

Sintaxis:

Insertar contenido:

$("selector").before(content)

Insertar contenido utilizando una función:

$("selector").before(function(index))

Ejemplo

Insertar contenido antes de cada párrafo:

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

Insertar contenido utilizando una función:

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

Valor del parámetro

ParámetrosDescripción
contenidoEspecificar el contenido que se debe insertar antes 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-Devuelve la posición del elemento en la colección

HTML de jQuery/Métodos CSS