画像リンクをjQueryに置き換えてください - javascript、jquery、html

ライトボックスのある要素に画像がありますホバー上に表示される画像。要素の画像をライトボックスの画像に置き換えたいと思います。私のコンテンツは動的に照合され、htmlは変更できません。

私の画像のURLはすべて/ 250/250で終わります - そしてlighboxの画像のいくつかは/ 400/300で終わります - そして私はそれらを置き換えるために以下のスクリプトを使います：

$(".new-structure .image a img").each(function () {
var src = $(this).attr("src");
$(this).attr("src", src.replace("/250/250", "/400/300"));
});

しかし、ライトボックスの画像の中には、スクリプトがうまく動作しない別のエンディングがあります。彼らはこのように見える：

/img/0~BC6F034B-3404-4FBA-B26A-9B2990552E72~400~300~1

/ 250/250の終わりと400〜300〜1の終わりの画像をどのように一致させるのですか？

アップデート：主な問題： 私が250/250を300/400に置き換えると、完全なリンクを変更する必要はありません - 終わりを除いて同じです - 〜400〜300〜1のイメージを置き換えるとき、私は完全なリンクを別のものから交換する必要があります。

私はこれを置き換える必要があります：

 https://mywebsite.com/imgs/2d873287-7eb5-497a-a813-aef655acdb74/250/250

これとともに：

 https://mywebsite.com/img/0~3B07CED6-08FF-47CD-9D25-D908774F728D~400~300~1

/ 250/250と〜400〜300〜1の画像サイズに一致するURLの終了に基づいて

更新：要素クラスに基づいてスワップする方が簡単かもしれません。

ライトボックスのイメージは次のようになります。

<a class="mainColorbox" href="/img/0~676B9DBB-5D93-4481-B241-74B619F96188~400~300~1"></a>

ターゲット画像：

<div class="mainPicture">
<img src="/images//imgs/7fb6d7bd-b9e7-44b2-a533-a485b93456ac/250/250" class="photo">

回答：

回答№1は1

文字列を置き換えるRegexコード：

var str = "some // slashes", replacement = "";
var replaced = str.replace(///g, replacement);

それ以外の場合、スラッシュはあなたの例のようにエンコードされます。

詳細はこちら： JavaScript文字列のスラッシュをグローバルに置き換える方法は？

---