当前位置:首页 > jquery

jquery获取span内容

2026-02-04 07:26:36jquery

使用 jQuery 获取 span 内容

方法一:通过 text() 方法获取纯文本内容
适用于仅需获取 span 标签内的文本内容(不包含子标签)。
示例代码:

var spanText = $("span").text();
console.log(spanText);

方法二:通过 html() 方法获取包含 HTML 的内容
适用于需要获取 span 标签内的完整 HTML 结构(包括子标签)。
示例代码:

jquery获取span内容

var spanHtml = $("span").html();
console.log(spanHtml);

方法三:通过选择器定位特定 span
若页面有多个 span,可通过 ID、类名或属性精准定位。

jquery获取span内容

  • 按 ID 获取:
    var spanContent = $("#spanId").text();
  • 按类名获取:
    var spanContent = $(".spanClass").text();
  • 按属性获取:
    var spanContent = $("span[name='target']").text();

方法四:遍历多个 span 内容
需获取多个 span 时,使用 each() 循环处理。
示例代码:

$("span").each(function() {
    console.log($(this).text());
});

注意事项

  • 若 span 内容动态加载,需确保 DOM 加载完成后执行(如 $(document).ready())。
  • 使用 text() 会忽略 HTML 标签,html() 会保留标签结构。

标签: 内容jquery
分享给朋友:

相关文章

jquery时间

jquery时间

jQuery 时间处理 jQuery 本身不提供专门的时间处理函数,但可以通过 JavaScript 的 Date 对象结合 jQuery 的事件和方法来实现时间操作。以下是常见的时间处理需求及实现方…

css jquery

css jquery

CSS 与 jQuery 的基础用法 CSS(层叠样式表)用于控制网页的样式和布局,而 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Aja…

jquery li

jquery li

jQuery 操作 <li> 元素的方法 jQuery 提供了多种方法来操作 HTML 中的 <li> 元素(列表项)。以下是常见的使用场景和示例: 选择 <li&…

jquery 宽度

jquery 宽度

jQuery 获取和设置元素宽度的方法 获取元素宽度 使用 .width() 方法可以获取匹配元素集合中第一个元素的宽度(不包含内边距、边框和外边距)。该方法返回一个数值,单位为像素。 var wi…

jquery取值

jquery取值

jQuery 取值方法 获取表单元素值 使用 val() 方法获取表单元素的值,适用于 input、select、textarea 等表单控件。 var username = $('#usernam…

jquery获取对象

jquery获取对象

jQuery 获取对象的方法 jQuery 提供了多种方法来获取 DOM 对象或元素集合,以下是常见的方法: 通过 ID 选择器 使用 #id 选择器获取具有特定 ID 的元素: $("#elem…