JavaScript 正则表达式匹配 <span style='color:red'></span> 标签内容

可以使用正则表达式 /\<span style='color:red'>(.*?)\<\/span\>/g 来匹配 <span style='color:red'></span> 标签。

解析：

• \<span style='color:red': 匹配 <span style='color:red' 开头的字符串。
• (.*?): 使用非贪婪模式匹配任意字符，直到遇到下一个规则的匹配项。
• \<\/span\>: 匹配 </span> 结尾的字符串。
• /g: 全局匹配模式，匹配所有符合规则的项。

示例代码：

const regex = /\<span style='color:red'>(.*?)\<\/span\>/g;
const str = 'Lorem ipsum <span style='color:red'>dolor sit amet</span>, consectetur adipiscing elit. <span style='color:red'>Sed</span> euismod ex in mauris <span style='color:red'>mollis</span> mollis.';

let match;
while ((match = regex.exec(str)) !== null) {
  console.log(match[0]); // 匹配到的完整字符串
  console.log(match[1]); // 匹配到的内容
}

输出结果：

<span style='color:red'>dolor sit amet</span>
dolor sit amet
<span style='color:red'>Sed</span>
Sed
<span style='color:red'>mollis</span>
mollis