正規表現を抽出する正規表現

Question

jpgまたはpngまたはgifで終わるsrc属性をすべて一致させ、src文字列を内部で抽出しようとしています。私が思いついた次の正規表現が正しいかどうかはわかりませんが、アドレスにsrc属性を与えます。私の質問は、次の正規表現の可能性のある問題とどのように私はsrc文字列だけを抽出することができます。

/src\s*=\s*(["'][^"']+(jpg|png|gif)\b)/g; 

Answer 1

まず、あなたの正規表現はあまりにも多くをやろうとしています。まず、次のようなやり方から始めてください：

function img_find() { 
    var imgs = document.getElementsByTagName("img"); 
    var imgSrcs = []; 

    for (var i = 0; i < imgs.length; i++) { 
     imgSrcs.push(imgs[i].src); 
    } 

    return imgSrcs; 
} 

ここで、あなたの正規表現の扱いはずっと少ないです。 （ように空白、二重引用符対シングル、そしてません。）

生のHTMLを解析するための正規表現を使用しようとthisを読んでください、とんではない（非常にシンプルな状況を除く）:)

ので、与えられました拡張子なし、

/(jpg|png|gif)$)/i; 

そして、そのファイル名をつかむ：イメージソースの配列は、あなただけjpg/png/gifものを選択する必要があります（これを行うには多くの方法がありますが、ここではただ一つのことです私は一緒に投げた...）

/(.*)\.[^.]+)/;