Regex: заменить тег img своим атрибутом alt

Question

У меня есть строка в переменном frontendtext, которая содержит текстовые и img-теги. Я хочу, чтобы img-теги в нем заменялись значением атрибута alt, используя только регулярное выражение.

var frontend1 = frontendtext.replace(/<img.*?alt="(.*?)".*>/g, 'O'); 

Он заменяет мою строку с O, но я хочу, чтобы заменить только IMG тег альт и остальную часть строки остается неизменным.

Answer 1

Используя группу захвата, вы можете заменить всю строку с контрольной группой захвата

var frontendtext = "Hello this is an image <img src=\"image.jpg\" alt=\"!!Just some image alt text!!\" /> and foo bar."; 
 
var frontend1 = frontendtext.replace(/<img.*?alt="(.*?)"[^\>]+>/g, '$1'); 
 
alert(frontend1);

https://jsfiddle.net/yoqkdapa/

Регулярное выражение;

<img - соответствует <img тег

.*?alt= - сопрягать все до alt атрибута

"(.*?)" - соответствовать все между кавычками после того, как альт тег

[^\>]+ - сопрягать все, лениво еще, за исключением закрытие ><img тег

> - соответствует закрытию <img тег