Сопоставить все теги img с определенным значением src

Question

У меня есть HTML, как это:

<script>
    $(“table:first”).after(“<a href=\“https://example.com/test123/\” 
    style=\“display: block; margin-left: auto; margin-right: auto; margin- 
    bottom: 116px;\“><img 
    src=\“https://example.com/images/banners/image.png\” alt=\“Example\” 
    width=\“88px\”  style=\“display: block; margin-left: auto; margin-right: auto; \“></a>“);
</script>

<img src="https://example.com/images/banners/image1.png" alt="image"> 

Мне нужно найти все теги img с помощью URL: https://example.com/images/banners/image1.png и https://example.com/images/banners/image.png. Мне нужно вернуть true, только если я выбрал один из этих URL. Как я могу это сделать? Мой рисунок:

`<img.+?src=[\"']((?:https://example.com/images/banners/image1.png?|www).*)[\"'].*?>`

Но я получаю ошибки:

 https://regexr.com/4capb

Answer 1

Вам нужно экранировать символы солидуса (/), это имеет особое значение в регулярном выражении.

Итак:

 <img.+?src=[\"']((?:https:\/\/example.com\/images\/banners\/image1.png?|www).*)[\"'].*?>