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

jQuery prepend() 方法

jQuery HTML/CSS Methoden

prepend()方法将指定的内容插入每个选定元素的开头(作为第一个子元素)。

要在所选元素的末尾插入内容,请使用append()方法。

语法:

插入前置内容:

$("selector").prepend(content)

Inhalt mit Funktion hinzufügen:

$("selector").prepend(function(index, html))

实例

在所有段落之前添加一些文本内容:

$("button").click(function(){
  $("p").prepend("Hello world");
});
Testen Sie heraus‹/›

在所有段落前添加一些HTML:

$("button").click(function(){
  $("p").prepend("<b>Hello world</b>
});
Testen Sie heraus‹/›

此示例使用document.createTextNode()创建文本节点并将其添加到所有<p>元素之前:

$("button").click(function(){
  $("p").prepend(document.createTextNode("Hallo Welt"));
});
Testen Sie heraus‹/›

Inhalt mit Funktion hinzufügen:

$("button").click(function(){
  $("p").prepend(function(i){
return "<bDieser p-Element hat den Index " + i + "</b>";
  });
});
Testen Sie heraus‹/›

Parameterwert

ParameterBeschreibung
contentInhalt angeben, der an den Anfang jedes ausgewählten Elements eingefügt wird (kann HTML-Tags enthalten)

Mögliche Werte:

  • HTML-Element

  • DOM-Element

  • jQuery-Objekt

function(index, html)Eine Funktion angeben, die den zu insertierenden Inhalt zurückgibt
  • index-Rückgabe der Indexposition des Elements im Satz

  • html-Rückgabe des aktuellen HTML des ausgewählten Elements

jQuery HTML/CSS Methoden