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

jQuery insertBefore() 方法

对于before()选择表达式在函数前面,内容作为参数

jQuery HTML/Métodos CSS

insertBefore()方法将指定的HTML元素插入到选定的元素之前。

要在选定元素之后插入HTML元素,请使用insertAfter()方法。

before()和的insertBefore()方法执行相同的任务。主要区别在于语法:

  • Usobefore(),选择表达式在函数前面,内容作为参数

  • UsoinsertBefore()Al contrario, el contenido está antes del método, y se colocará antes del elemento en el parámetro

Sintaxis:

$(content).insertBefore(selector)

Ejemplo

Insertar un elemento HTML antes de cada párrafo:

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

Utilice el método insertBefore() para insertar un elemento existente antes de cada elemento seleccionado:

$("button").click(function(){
  $("h1").insertBefore("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á antes de este parámetro especificado

jQuery HTML/Métodos CSS