js 正则如何匹配span style=colorredspan

可以使用正则表达式/<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
``