jquery获取text的值

获取元素文本内容的方法

使用jQuery获取元素的文本内容可以通过.text()方法实现。该方法返回指定元素及其所有子元素的文本内容组合。

基本语法

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

获取单个元素的文本

假设有一个<div>元素需要获取其文本内容：

<div id="example">Hello World</div>

对应的jQuery代码：

var content = $('#example').text();
console.log(content); // 输出: "Hello World"

获取多个元素的文本

当选择器匹配多个元素时，.text()会返回所有匹配元素的文本内容合并后的字符串：

<p class="item">First</p>
<p class="item">Second</p>

jQuery代码：

var allText = $('.item').text();
console.log(allText); // 输出: "FirstSecond"

获取表单元素的value

对于表单元素如<input>或<textarea>，需要使用.val()方法而非.text()：

<input type="text" id="username" value="admin">

jQuery代码：

var username = $('#username').val();
console.log(username); // 输出: "admin"

链式操作示例

.text()方法也可以用于设置文本内容：

$('#example').text('New Content');

注意事项

• .text()会自动处理HTML实体编码，返回纯文本
• 与.html()不同，.text()不会返回HTML标签
• 对于空元素集合，返回空字符串而非错误