Heim > Artikel > Web-Frontend > Verwendung von text() in jQuery-Dokumentoperationen
Verwendung von text() in jQuery-Dokumentoperationen
- 一个新手Original
- 2017-10-06 10:43:011513Durchsuche
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>
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>
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>
Gibt das Ergebnis zurück, nachdem auf 
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!