博客

JQuery 获取span元素的文本

  • Post category:jquery

获取 span 元素的文本可以通过 JQuery 的 text() 方法实现，具体步骤如下：

  1. 使用 JQuery 选择要获取文本的 span 元素。例如，选取 id 为 my-span 的 span 元素，可以使用以下代码：
var spanText = $('#my-span').text();

以上代码中，使用 $ 符号选择了 id 为 my-span 的元素，并调用 text() 方法获取该元素的文本，并将结果保存在 spanText 变量中。

  1. 如果要同时获取多个 span 元素的文本，可以使用 JQuery 的 each() 方法来循环每个 span 元素，并获取其对应的文本。例如，假设有以下 html 代码：
<div id="my-div">
  <span>First span text</span>
  <span>Second span text</span>
  <span>Third span text</span>
</div>

要获取每个 span 元素的文本，可以使用以下代码：

$('#my-div span').each(function() {
  var spanText = $(this).text();
  console.log(spanText);
});

以上代码中，使用 $ 符号选择了 id 为 my-div 的元素下的所有 span 元素，并使用 each() 方法循环每个 span 元素。在每个循环中，使用 $(this) 来选择当前的 span 元素，并调用 text() 方法来获取其文本。最后，将每个 span 元素的文本分别打印出来。

上述两个示例说明了如何使用 JQuery 来获取 span 元素的文本。需要注意的是，使用 text() 方法获取的文本会将 span 元素内部所有的文本内容都包含在内，包括子元素的文本，但不包括 span 元素内部的 HTML 代码。如果需要获取 span 元素的内部 HTML 代码，可以使用 html() 方法。

Tags: