javascript - 正则表达式匹配多个<images>标签

Question

我想多次匹配以下标签。

目前我有这个:<img[\w\W]+\/?> ，但我不是拾取三次，而是将图像作为一个整体进行查找，因为它匹配以“”开头，无论如何我可以将它们单独匹配三次吗？

<img src="wp-content/uploads/2015/03/jetty-road-baby.jpeg" alt="Jetty" width="100" height="100" />asdasd

test

<img src="wp-content/uploads/2015/03/jetty-road-baby.jpeg" alt="Jetty" width="100" height="100" />

test

<img src="wp-content/uploads/2015/03/jetty-road-baby.jpeg" alt="Jetty" width="100" height="100" />

干杯 比尔

Answer 1

您可以使用所有格 Quantifiers修复它

/<img[\w\W]+?\/?>/g

?之后+使得+非贪婪量词，即一旦 >找到则停止搜索，否则将继续搜索直到最后一个 >已找到

• https://developer.mozilla.org/en/docs/Web/JavaScript/Guide/Regular_Expressions#special-questionmark
• lazy-mode

<小时/>

您也可以尝试/<img[^>]*\/?>/g - 我们尝试查找以 <img 开头的字符序列后跟除 > 之外的任意数量的字符接下来是 / (可选)和 > .

<小时/>

警告:基于正则表达式的 html 处理可能会出现错误，就像上面的情况一样，图像的属性可以有 >这会破坏我们的正则表达式