jquery获取span内容

使用 jQuery 获取 span 内容

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

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

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

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

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

• 按 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() 会保留标签结构。