替换img src和类

Question

我想更改内容中的所有img。我是通过使用RegEx来实现的。

正则表达式：

/<img src="([^\"]+)" class="([^\"]+)"/ig

内容：

<img src="test.jpg" class="qr" />

<img src="test2.jpg" width="230" height="130" class="qr" />

<img src="test3.jpg" style="width:705px" />

这是我的问题：正则表达式只匹配一次（第一行）。但我想更改所有 src和class属性。

您可以在此处验证：http://regexr.com/3asul。

Answer 1

你的第二个案例中还有其他一些属性。您也可以在其中使用/<img src=".*?".*? class=".*?"/gi 来匹配它：

.*?

img表示任何角色，至少0次，尽可能少。

如果您要将src替换为class并使用可选 class，则可以将?部分换成非{} - 捕获组并使用>量词，然后您必须添加另一个/<img src=".*?".*?(?: class=".*?")?>/gi 以强制RegEx转到标记的末尾：

{{1}}