Regex：imgタグをそのalt属性に置き換えます。

Question

私はテキストとimgタグを含む変数frontendtextに文字列を持っています。私は、正規表現のみを使用してalt属性の値に置き換えられるようにimgタグを入れたい。

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

それはOと私の文字列に置き換えられますが、私の頭の中にALTのみ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 -

"(.*?)"alt属性までのすべてを一致させる - - 一致いい加減に他のすべてを除いて - ALTタグ

[^\>]+後に引用符の間のすべてを一致<imgタグ

.*?alt=と一致閉じる>の<imgタグ

> - <imgタグの末尾に一致