此方法用于设置或返回元素的文本内容。设置内容时，它将覆盖所有匹配元素的内容。返回的文本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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。