jQuery | 获取span元素的文本

在使用jQuery进行DOM操作时，经常需要获取元素的文本内容。如果你需要获取一个<span>元素的文本内容，下面的代码片段可以帮助你实现。

代码片段

// 使用text()方法获取span元素的文本内容
var text = $('span').text();

代码解释

1. 首先，我们使用$()函数来选取需要操作的元素。在括号内，我们传入了字符串"span"，代表选择所有的<span>元素。
2. 然后，我们调用text()方法来获取选取元素的文本内容，并将结果赋值给变量text。

示例

假设我们有以下HTML代码：

<p>这是一个<span>示例文本</span>。</p>

我们可以使用上述代码片段来获取<span>元素的文本内容，并将结果输出到控制台：

var text = $('span').text();
console.log(text);

上述代码将输出示例文本。

注意事项

• 如果选取的元素不存在，text()方法将返回空字符串。
• 如果选取的元素有多个，text()方法只会返回第一个元素的文本内容。
• 如果想要获取所有匹配元素的文本内容，可以使用each()方法来遍历元素并逐个获取文本内容。

参考资料

• jQuery Documentation - text()