jquery获取span内容
使用jQuery获取span内容的方法
通过text()方法获取纯文本内容
使用text()方法可以获取span元素内的纯文本内容，忽略HTML标签。示例代码如下：
var spanText = $("span").text();
console.log(spanText);通过html()方法获取包含HTML的内容
如果需要获取span内包含的HTML标签内容，使用html()方法：
var spanHtml = $("span").html();
console.log(spanHtml);通过选择器定位特定span
通过ID、class等选择器获取特定span元素的内容：
// 通过ID获取
var contentById = $("#spanId").text();
// 通过class获取
var contentByClass = $(".spanClass").text();
// 通过属性获取
var contentByAttr = $("span[name='target']").text();获取多个span元素的内容
使用jQuery选择器选中多个span时，可以通过each()遍历获取每个元素的内容：
$("span").each(function() {
console.log($(this).text());
});注意事项
- 如果页面有多个span，
$("span").text()会合并所有匹配元素的文本内容。 - 使用
html()时需注意XSS风险，避免直接插入未过滤的内容到DOM中。
实际应用示例
假设HTML结构如下：
<span id="demo">Hello <strong>World</strong></span>对应的jQuery操作：
// 输出纯文本"Hello World"
console.log($("#demo").text());
// 输出包含HTML的"Hello <strong>World</strong>"
console.log($("#demo").html());
