JavaScriptで正規表現を使用し img/* もしくは ../img/* の下にある画像ファイル名を変更する

【やりたいこと】

トップページと下層ページで共通のJavaScriptを使用している場合で、相対パスで記述している場合に、ファイル名「hoge.jpg」を「fuga.jpg」に変更したい。

【HTML】

下層ページの場合：

<img src="../img/hoge.jpg" id="myHogeImg" alt=""/>

トップページの場合：

<img src="img/hoge.jpg" id="myHogeImg" alt=""/>

【JavaScript】（jQuery）

$(document).ready(function () {

  $("#myHogeImg").attr('src', $("#myHogeImg").attr("src").replace(/^(.*img\/)(.+)$/, "$1fuga.jpg"));

});

【解説】

replace(/^(.*img\/)(.+)$/, "$1fuga.jpg")の部分の解説

/^(.*img\/)
src="img/ もしくは src="../img/ （imgの前は何でも良い） => $1 に格納

(.+)$/
hoge.jpg（img/ 以降の任意の文字） => $2 に格納（使用はしない）

"$1fuga.jpg"
img/fuga.jpg もしくは ../img/fuga.jpg に変更


以上です。
本年もスキルを磨くとともに、日々の業務で得た知見を公開してゆきたいと思います。
よろしくお願いします。