我明白你想要彻底清除字符串里的所有<span>元素——包括它的属性标签和内部的所有内容，之前用的replace(/<span (.*?)>/g, '')只处理了开头的<span>标签，完全没覆盖到标签后的内容，所以达不到预期效果。下面给你几个适配不同场景的解决方案：

场景1：处理有闭合标签的<span> #

如果你的字符串里是标准的闭合<span>（比如<span style="...">内部内容</span>），可以用这个正则：

const originalStr = 'testing <span style="font-family: Lato; font-size: 13px;">inner text</span> more text';
const cleanedStr = originalStr.replace(/<span[^>]*>[\s\S]*?<\/span>/gi, '');
console.log(cleanedStr); // 输出: "testing  more text"

正则解释： #

• <span[^>]*>：匹配开头的<span>标签，[^>]*会匹配标签内所有属性（直到遇到>为止）
• [\s\S]*?：非贪婪匹配<span>内部的所有内容，[\s\S]确保能匹配换行、空格等任意字符，*?避免把多个<span>的内容连在一起匹配
• <\/span>：匹配闭合的</span>标签
• gi：全局匹配（g）+ 不区分大小写（i），确保所有<span>都被处理

场景2：处理未闭合的<span>（如你的示例） #

如果字符串里只有<span>的开头标签没有闭合（就像你给出的例子），可以用这个正则来清除从<span>标签开始到字符串结尾的所有内容：

const originalStr = 'testing <span style="font-family: Lato; font-size: 13px; font-style: normal;">testing';
const cleanedStr = originalStr.replace(/<span[^>]*>[\s\S]*$/gi, '');
console.log(cleanedStr); // 输出: "testing "

更可靠的HTML处理方案（推荐） #

正则处理HTML天生有局限性，如果你的字符串里有复杂的HTML结构（比如嵌套的<span>、混合其他标签等），用DOM解析的方式会更稳妥，比如在浏览器环境中：

const originalStr = 'testing <span style="color: red;"><span>nested text</span></span> other content';
const tempContainer = document.createElement('div');
tempContainer.innerHTML = originalStr;

// 移除所有span元素
tempContainer.querySelectorAll('span').forEach(span => span.remove());

const cleanedStr = tempContainer.textContent.trim();
console.log(cleanedStr); // 输出: "testing other content"

这种方法能完美处理各种HTML嵌套、属性变化的情况，不会出现正则漏匹配的问题。

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