JQuery 获取span元素的文本

JQuery 是一种流行的 JavaScript 库，它可以大大简化 Web 开发中的 JavaScript 编写工作。而在 JQuery 中获取 span 元素的文本，则可以通过以下步骤来实现：

步骤一：获取 span 元素的 jQuery 对象

使用 JQuery 的选择器获取 span 元素的 jQuery 对象，例如：

var $span = $('span');

上面代码中的 $('span') 选择器会选中页面中所有的 span 元素，并将其存储在 $span 变量中。

步骤二：获取 span 元素的文本

使用 jQuery 对象的 text() 方法来获取 span 元素的文本，例如：

var text = $span.text();

上面代码中的 $span.text() 方法会将所有的 span 元素的文本拼接在一起，并返回一个字符串。

以下是两个示例说明：

示例一：获取单个 span 元素的文本

假设页面中只有一个 span 元素，可以直接使用以下代码获取其文本：

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

如果希望获取某个特定的 span 元素的文本，则需要在选择器中指定该元素的 id 或者 class。例如，如果 span 元素的 id 是 my-span，则可以使用以下代码获取该元素的文本：

var $span = $('#my-span');
var text = $span.text();

示例二：获取多个 span 元素的文本

假设页面中有多个 span 元素，可以使用以下代码获取所有 span 元素的文本：

var $spans = $('span');
var texts = [];
$spans.each(function() {
  var $span = $(this);
  var text = $span.text();
  texts.push(text);
});

上面代码中，$spans 是一个包含所有 span 元素的 jQuery 对象，texts 是一个数组，用于存储所有 span 元素的文本。接下来使用了 each() 方法来遍历每个 span 元素，然后分别获取其文本，并将其存储在 texts 数组中。