Heim >Web-Frontend >js-Tutorial >Verwendung von text() in jQuery-Dokumentoperationen

Verwendung von text() in jQuery-Dokumentoperationen

一个新手Original: 2017-10-06 10:43:011571Durchsuche

Definition und Verwendung
Die Methode text() legt den Textinhalt des ausgewählten Elements fest oder gibt ihn zurück. Es umfasst hauptsächlich drei Punkte:
1. Einstellung 2. Zurück 3. Verwenden Sie Funktionen, um Textinhalte festzulegen.

1 Textinhalt festlegen
Wenn diese Methode zum Festlegen eines Werts verwendet wird, überschreibt sie den gesamten Inhalt des ausgewählten Elements.
Beispiel:
$(selector).text(content)
Parameterinhalt
Beschreibung Gibt den neuen Textinhalt des ausgewählten Elements an. Hinweis: Sonderzeichen werden kodiert.

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").text("Hello world!");
  });
});</script></head><body><p>This is a paragraph.</p><p>This is another paragraph.</p><button class="btn1">改变所有 p 元素的文本内容</button></body></html>

Verwendung von text() in jQuery-Dokumentoperationen
Das Ergebnis nach dem Klicken:

2. Geben Sie den Textinhalt zurück
Bei dieser Methode wird verwendet. Wenn ein Wert zurückgegeben wird, wird der kombinierte Textinhalt aller übereinstimmenden Elemente zurückgegeben (HTML-Tags entfernt).
$(selector).text()
Zum Beispiel:

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){
  $(".btn1").click(function(){
    alert($("p").text());
  });
});</script></head><body><p>This is a paragraph.</p><p>This is another paragraph.</p><button class="btn1">获得 p 元素的文本内容</button></body></html>

Verwendung von text() in jQuery-Dokumentoperationen
Nachdem Sie auf

geklickt haben, möchten Sie zu diesem Weg zurückkehren Das Tag Der Wert des Inhalts wird zurückgegeben.
3. Verwenden Sie eine Funktion, um den Textinhalt festzulegen.
Verwenden Sie eine Funktion, um den Textinhalt aller ausgewählten Elemente festzulegen.
Syntax

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

Parameter function(index,oldcontent)
Beschreibung erforderlich. Gibt eine Funktion an, die den neuen Textinhalt des ausgewählten Elements zurückgibt.
Index – optional. Akzeptiert die Indexposition des Selektors.
html – optional. Akzeptiert den aktuellen Inhalt des Selektors.

Beispiel:

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){
  $("button").click(function(){
    $("p").text(function(n){
    return "这个 p 元素的 index 是：" + n;
    });
  });
});</script></head><body><p>This is a paragraph.</p><p>This is another paragraph.</p><button class="btn1">改变所有 p 元素的文本内容</button></body></html>

Verwendung von text() in jQuery-Dokumentoperationen
Gibt das Ergebnis zurück, nachdem auf

geklickt wurde

Das obige ist der detaillierte Inhalt vonVerwendung von text() in jQuery-Dokumentoperationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：$.Deferred(), Lösung für das Problem asynchroner Anforderungen in der for-SchleifeNächster Artikel：$.Deferred(), Lösung für das Problem asynchroner Anforderungen in der for-Schleife

In Verbindung stehende Artikel

Mehr sehen