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

jQuery insertBefore() 方法

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

jQuery HTML/CSS Methoden

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

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

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

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

  • VerwendeninsertBefore()Genau umgekehrt, der Inhalt vor der Methode steht und wird vor dem Element mit dem Parameter platziert

Syntax:

$(content).insertBefore(selector)

Beispiel

Fügen Sie HTML-Elemente vor jedem Absatz ein:

$("button").click(function(){
  $("<p style='color:red;'>Hello world</p>").insertBefore("p");
});
Testen Sie heraus‹/›

Verwenden Sie die insertBefore()-Methode, um einen vorhandenen Element vor jedem ausgewählten Element einzufügen:

$("button").click(function(){
  $("h1").insertBefore("p");
});
Testen Sie heraus‹/›

Parameterwert

ParameterBeschreibung
contentGeben Sie den zu insertierenden Inhalt an (muss HTML-Tags enthalten)

Mögliche Werte:

  • HTML-Element

  • DOM-Element

  • jQuery-Objekt

selectorDer ausgewählte Element wird vor dem Element eingefügt, das durch diesen Parameter angegeben wird

jQuery HTML/CSS Methoden