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

jQuery after() Methode

jQuery-HTML/CSS-Methode

den after()-Methoden, um spezifische Inhalte nach dem ausgewählten Element einzufügen.

Um Inhalte vor einem ausgewählten Element einzufügen, verwenden Siebefore()Methode.

Syntax:

Inhalt einfügen:

$(selector).after(content)

Inhalt mit Funktion einfügen:

$(selector).after(function(index))

Beispiel

Inhalt nach jedem Absatz einfügen:

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

Inhalt mit Funktion einfügen:

$("button").click(function(){
  $("p").after(function(i){
    return "<p>Die Indexposition dieses p-Elements: " + i + ".</p>";
  });
});
Testen Sie heraus‹/›

Wert des Parameters

ParameterBeschreibung
contentInhalt angeben, der nach jedem ausgewählten Element eingefügt werden soll (kann HTML-Tags enthalten)

Mögliche Werte:

  • HTML-Element

  • DOM-Element

  • jQuery-Objekt

function(index)Eine Funktion angeben, die den zu insertierenden Inhalt zurückgibt
  • index-Rückgabeposition des Elements im Set bestimmen

jQuery-HTML/CSS-Methode