jQuery text() 方法用于设置或获取被选元素的文本内容。

  • 获取内容:当该方法用于获取内容时，返回所有匹配元素的组合文本内容，是不带HTML标签的。
  • 设置内容:该方法用于设置内容时，会覆盖所有匹配元素的内容。

语法

//获取内容
$(selector).text() 
//设置内容
$(selector).text(content) 
//设置内容
$(selector).text(function(index,currentcontent))

方法参数

参数说明
content它指定所选元素的新的文本内容。是不带html标签的内容
function (index,currentcontent)

它是一个可选参数。它指定返回所选元素的新文本内容的函数。

index:它提供集合中元素的索引位置。

currentcontent:提供被选元素的当前内容。

例子

介绍jQuery text() 方法的例子

例1

先看一个简单的例子

 <!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>jQuery text() 方法例子</title>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p><b>你好！ </b>yxjc123.com</p>
<p></p>
<script>
var str = $( "p:first" ).text();
$("p:last").html(str);
</script>
</body>
</html>
运行效果

jQuery text() 方法

例2

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").text("yxjc123.com 设置文本内容");
    });
});
</script>
</head>
<body>
<button>点击设置p标签的text内容</button>
<p>yxjc123.com 测试</p>
<p>jQuery text() 方法例子</p>
</body>

</html>