jQuery text() -Methode

jQuery HTML/CSS Methoden

Die text() -Methode erhält oder setzt den Textinhalt des ausgewählten Elements (einschließlich seiner Nachkommen).

Wenn Sie die text() -Methode verwendenBeim Abrufen des InhaltsBeim Setzen des InhaltsAlle ausgewählten Elementeden Textinhalt.

Wenn Sie die text() -Methode verwendenSetzenBeim Ändern des InhaltsAlle ausgewählten Elementeden Textinhalt.

Verwenden Siehtml()Methode, um den innerHTML (Text+ HTML-Tags).

Hinweis: Die text() -Methode kann nicht auf Eingabelementen verwendet werden. Für den Text der Eingabefelder verwenden Sieval()Methode.

Syntax:

Textinhalt abrufen:

$(selector).text()

Textinhalt einstellen:

$(selector).text(content)

Verwenden Sie die Funktion, um den Textinhalt zu setzen:

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

Beispiel

Klicken Sie auf die Schaltfläche, um den Textinhalt aller Absätze zu erhalten:

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

Ändern Sie den Textinhalt aller Absätze:

$("button").click(function(){
　　$("p").text("Ich möchte sagen: Hallo Welt");
});

Verwenden Sie die folgenden Funktionen, um den Textinhalt eines Elements zu ändern:

$("button").click(function(){
　　$("p").text(function(i){
　　　　return "Diese p-Elements-Index: "　+　i;
　　});
});

Unterschied zwischen html() Methode und text() Methode:

$("#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