jQuery html() Methode

jQuery HTML/CSS Methoden

Die html()-Methode erhält oder setzt den Inhalt des ausgewählten Elements (innerHTML).

Verwenden Sie die html()-MethodeerhaltenWenn Sie den Inhalt setzen, wird erErster ausgewähltes ElementInhalt.

Verwenden Sie die html()-MethodesetzenWenn Sie den Inhalt setzen, wird erInhalt aller ausgewählten Elemente.

Hinweis:Wenn Sie den Inhalt des Elements mit html() setzen, wird der gesamte Inhalt des Elements durch den neuen Inhalt vollständig ersetzt. Außerdem entfernt jQuery vor dem Ersatz der Unterlemente durch den neuen Inhalt andere Konstrukte, wie z.B. Daten und Event-Handler.

Verwenden Sietext()Die Methode erhält oder setzt nur den Textinhalt des ausgewählten Elements.

Syntax:

Erhalten Sie den Inhalt:

$(selector).html()

Stellen Sie den Inhalt fest:

$(selector).html(content)

Verwenden Sie die Funktion, um den Inhalt zu setzen:

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

Beispiel

Klicken Sie auf die Schaltfläche, um den Inhalt des ersten Absatzes zu erhalten:

$("button").click(function(){
　　alert($("p").html());
});

Klicken Sie auf jeden Absatz, um den HTML-Inhalt zurückzugeben:

$("p").click(function(){
　　alert($(this).html());
});

Ändern Sie den Inhalt aller Absätze:

$("button").click(function(){
　　$("p").html("Ich möchte sagen: <b>Hello world</b>");
});

Verwenden Sie die Funktion, um den Inhalt des Elements zu ändern:

$("button").click(function(){
　　$("p").html(function(i){
　　　　return "Der Index dieses p-Elements: "　+　i;
　　});
});

Unterschied zwischen html() und text() Methoden:

$("#btn1").click(function(){
　　$("p").html("Ich möchte sagen: <b>Hello world</b>");
});
$("#btn2").click(function(){
　　$("p").text("Ich möchte sagen: <b>Hello world</b>");
});

Parameterwert

jQuery HTML/CSS Methoden