jQuery | text() 方法

简介

text() 方法是 jQuery 中常用的用于读取或设置元素文本内容的方法。它可以用于任何 HTML 元素，而不仅仅是文本框、文本域等特殊元素。

用法

读取元素文本内容

var text = $(selector).text();

该语句将会读取匹配 selector 的元素文本内容，并将其存储在变量 text 中。

设置元素文本内容

$(selector).text(text);

该语句将会将变量 text 中的文本内容设置到匹配 selector 的元素中。

示例

假设我们有如下 HTML 代码：

<ul id="myList">
  <li>Apple</li>
  <li>Banana</li>
  <li>Cherry</li>
</ul>

示例 1

读取 <ul> 元素的文本内容：

var text = $('#myList').text();

结果为："AppleBananaCherry"

示例 2

修改第一个 <li> 元素的文本内容：

$('#myList li:first').text('Orange');

修改后的 HTML 代码变为：

<ul id="myList">
  <li>Orange</li>
  <li>Banana</li>
  <li>Cherry</li>
</ul>

注意事项

• text() 方法不会返回 HTML 标签，只会返回纯文本内容。
• 如果 selector 匹配到多个元素，则 text() 方法只会获取第一个元素的文本内容，而且设置操作也只会影响第一个元素。
• 如果需要读写多个元素的文本内容，可以使用 .each() 方法来遍历所有匹配的元素进行操作。