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

jQuery before() Methode

jQuery HTML/CSS Methoden

den before() Methoden, um spezifische Inhalte vor dem ausgewählten Element einzufügen.

Um Inhalte nach dem ausgewählten Element einzufügen, verwenden Sieafter()Methode.

Syntax:

Inhalt einfügen:

$(selector).before(content)

Inhalt mit Funktion einfügen:

$(selector).before(function(index))

Beispiel

Inhalt vor jedem Absatz einfügen:

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

Inhalt mit Funktion einfügen:

$("button").click(function(){
  $("p").before(function(i){
    return "<p>Der Index dieses p: " + i + ".</p>";
  });
});
Testen Sie heraus‹/›

Parameterwert

ParameterBeschreibung
contentEinen Inhalt angeben, der vor 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 das einzufügende Inhalt zurückgibt
  • index-Rückgabe der Indexposition des Elements im Satz

jQuery HTML/CSS Methoden