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

jQuery insertAfter() Methode

jQuery HTML/CSS Methoden

insertAfter() Methode, um das angegebene HTML-Element nach dem ausgewählten Element einzufügen.

Um ein HTML-Element vor dem ausgewählten Element einzufügen, verwenden SieinsertBefore()Methode.

inafter()Erledigt die gleiche Aufgabe wie die insertAfter() Methode. Der Hauptunterschied liegt in der Syntax:

  • Verwendenafter()Wählen Sie den Ausdruck vor der Funktion, der Parameter ist der zu einfügende Inhalt.

  • VerwendeninsertAfter(),umgekehrt, der Inhalt steht vor der Methode und wird hinter dem Element im Parameter platziert.

Syntax:

$(content).insertAfter(selector)

Beispiel

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

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

Verwenden Sie die insertAfter() Methode, um ein bestehendes Element nach jedem ausgewählten Element einzufügen:

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

Parameterwert

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

Mögliche Werte:

  • HTML-Element

  • DOM-Element

  • jQuery-Objekt

selectorDer ausgewählte Element wird nach diesem Parameter angegebenen Element eingefügt

jQuery HTML/CSS Methoden