已有获取img src的正则代码，如何获取class为qtd的span标签内容？

方法一：用正则表达式延续现有写法 #

可以构造匹配class="qtd"的span标签的正则，捕获标签内的内容：

const regexQtd = /<span class=['"]qtd['"]>(.*?)<\/span>/;
const qtdValue = regexQtd.exec(txt)[1]; // 结果为"4"

注意：这种方式仅适用于HTML结构固定的场景，如果后续HTML出现嵌套标签、属性顺序变化（比如class不是第一个属性），正则可能失效。

方法二：用DOM解析更可靠的方案 #

处理HTML的最佳方式是利用浏览器的DOM API，能避免正则的局限性：

// 创建临时DOM元素
const tempDiv = document.createElement('div');
tempDiv.innerHTML = txt; // 传入你的HTML文本
// 查找目标span并获取内容
const qtdSpan = tempDiv.querySelector('.qtd');
const qtdValue = qtdSpan ? qtdSpan.textContent.trim() : ''; // 结果为"4"

这种方式兼容各种合法HTML结构，比如属性顺序调整、标签内有空白字符等情况，稳定性更强。

内容的提问来源于stack exchange，提问作者Rene