jQuery Dokumentation - html() Methode

Beispiel

Setzen Sie den Inhalt aller p-Elemente:

$(".btn1").click(function(){
  $("p").html("Hello <b>world</b>!");
});

Versuchen Sie es selbst

Definition und Verwendung

Die html() Methode gibt den Inhalt (inner HTML) der ausgewählten Elemente zurück oder setzt ihn.

Wenn dieses Verfahren keine Parameter setzt, gibt es den aktuellen Inhalt des ausgewählten Elements zurück.

Rückgabe des Inhalts der Elemente

Wenn Sie einen Wert mit diesem Verfahren zurückgeben, gibt es den Inhalt des ersten übereinstimmenden Elements zurück.

Syntax

$(selector).html()

Versuchen Sie es selbst

Setzen Sie den Inhalt der Elemente

Wenn Sie einen Wert mit diesem Verfahren setzen, wird der Inhalt aller übereinstimmenden Elemente überschrieben.

Syntax

$(selector).html(content)

Versuchen Sie es selbst

Parameter Beschreibung
content - Optional. Definiert das neue Inhalt der ausgewählten Elemente. Dieser Parameter kann HTML-Tags enthalten.

Verwenden Sie Funktionen, um den Inhalt der Elemente zu setzen

Verwenden Sie Funktionen, um den Inhalt aller übereinstimmenden Elemente zu setzen.

Syntax

$(selector).html(function(index,oldcontent))

Versuchen Sie es selbst

Parameter Beschreibung
function(index,oldcontent)

Definiert eine Funktion, die neue Inhalte der ausgewählten Elemente zurückgibt.

  • index - Optional. Akzeptiert die Indexposition des Selektors.
  • oldcontent - Optional. Akzeptiert den aktuellen Inhalt des Selektors.