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

jQuery appendTo() 方法

jQuery HTML/CSS Methoden

appendTo()方法在被选元素的结尾插入 HTML 元素(作为最后一个子元素)。

要将HTML元素插入所选元素的开头,请使用prependTo()方法。

append()和appendTo()方法的区别:

  • 使用append(),向每个匹配的元素内部追加内容。

  • 使用appendTo(),把所有匹配的元素追加到指定的元素元素集合中。

  $(#39;div').append('<span>du willst</span>'); 
  // entspricht
  $(#39;<span>du willst</span>').appendTo('div');
  // Ergebnis => <div>Welt<span>du willst</span></div>

Syntax:

$(content).appendTo(selector)

Beispiel

Fügen Sie am Ende aller Absätze ein <b>-Element hinzu:

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

Verwenden Sie die Methode appendTo(), um einen vorhandenen Element an das Ende jedes ausgewählten Elements einzufügen:

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

Parameterwert

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

Mögliche Werte:

  • HTML-Element

  • DOM-Element

  • jQuery-Objekt

selectorDer ausgewählte Element wird an das Ende des Elements angefügt, das durch diesen Parameter angegeben wird

jQuery HTML/CSS Methoden