jQuery html() Methode

❮ jQuery HTML/CSS-Methoden

Beispiel

Ändern Sie den Inhalt aller <p>-Elemente:

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

Definition und Verwendung

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

Wenn diese Methode zum Zurückgeben von Inhalt verwendet wird, gibt sie den Inhalt des ERSTEN übereinstimmenden Elements zurück.

Wenn diese Methode zum Festlegen von Inhalten verwendet wird, überschreibt sie den Inhalt ALLER übereinstimmenden Elemente.

Tipp: Um nur den Textinhalt der ausgewählten Elemente festzulegen oder zurückzugeben, verwenden Sie die Methode text() .


Syntax

Rückgabeinhalt:

$(selector).html()

Inhalt einstellen:

$(selector).html(content)

Inhalte mit einer Funktion setzen:

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

Parameter Description
content Required. Specifies the new content for the selected elements (can contain HTML tags)
function(index,currentcontent) Optional. Specifies a function that returns the new content for the selected elements
  • index - Returns the index position of the element in the set
  • currentcontent - Returns the current HTML content of the selected element

Probieren Sie es selbst aus - Beispiele


zurückgeben So geben Sie den Inhalt eines Elements zurück.


setzen Mit einer Funktion den Inhalt aller selektierten Elemente setzen.


❮ jQuery HTML/CSS-Methoden