此方法用於設置或返回元素的文本內容。設置內容時，它將覆蓋所有匹配元素的內容。返回的文本method()的內容用於返回所有匹配元素的文本內容。
用法:
- 返回文本語法：
$(selector).text()
- 設置文字語法：
$(selector).text(content)
- 使用函數設置文本：
$(selector).text(function(index, currentcontent))
屬性值：
- 所需內容：它用於設置元素的新文本內容。
- 函數(索引，當前內容)：它用於指定一個函數，該函數將返回所選元素的新文本內容。
- 指數：返回元素的索引位置。
- 當前內容：返回元素的當前內容。
示例1：設置文本語法。
<!DOCTYPE html>
<html>
<body>
<h1>
<center>
Geeks <button onclick="function()">Click me
</button>
</center>
</h1>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").text("Jquery_text_method");
});
});
</script>
<p>GeeksforGeeks</p>
<p>Jquery</p>
</body>
</html>輸出：
在單擊按鈕之前：
單擊按鈕後：
示例2：返回文本語法。
<!DOCTYPE html>
<html>
<body>
<h1>
<center>
Geeks <button onclick="function()">Click me
</button>
</center>
</h1>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("button").click(function() {
alert($("p").text());
});
});
</script>
<p>GeeksforGeeks</p>
<p>Jquery</p>
</body>
</html>輸出：
在單擊按鈕之前：
單擊按鈕後：
示例3：使用函數設置文字。
<!DOCTYPE html>
<html>
<body>
<h1>
<center>
Geeks <button onclick="function()">Click me
</button>
</center>
</h1>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").text(function(n) {
return "Index No. of Element: " + n;
});
});
});
</script>
<p>GeeksforGeeks</p>
<p>Jquery_textmethod()</p>
</body>
</html>輸出：
在單擊按鈕之前：
單擊按鈕後：
相關用法
注：本文由純淨天空篩選整理自riarawal99大神的英文原創作品 jQuery | text() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。