img src内を一部変更したいです。

Question

img　src内を一部変更したいです。

Wordpressでのサイト制作中です。
カスタム投稿内の画像をサムネイルとしてカスタム投稿一覧に取得表示する設定をしています。

発生している問題・エラーメッセージ

投稿ページの画像にショートコードを使用してるのですが、
ショートコードがそのまま出力されてしまい、画像が表示されません。

<img src="[stylesheet_uri]/画像フォルダ名/画像ファイル名.拡張子">

該当のソースコード

<script>
jQuery(function(){
  jQuery('img').each(function(){
    jQuery(this).attr('src',jQuery(this).attr('src').replace(/[stylesheet_uri]/,"画像フォルダ直前までのパス"));
  });
});
</script>

試したこと

[stylesheet_uri]を　画像フォルダ直前までのパス　に書き換えようとしたのですが、
上記コードだとパス内に記号部分[]が残ってしまい、
srcが　
[画像フォルダ直前までのパス]/画像フォルダ名/画像ファイル名.拡張子
となってしまい、画像が表示されません。

他、［］の記号コードを入力してみたのですがダメでした。
［］の部分だけ削除できないか、色々検索し試しているのですが、ジェイクエリの根本を余り理解していないため解決には至っていません。

勉強不足で申し訳ありませんがよろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

Wordpressでのサイトを作成中で、
ショートコードはfunction.phpで設定しています。

Answer 1

こちらのサイトが参考になりました。
https://www-creators.com/archives/3102

［］等、正規表現で使用される特殊文字にはエスケープの処理が必要だったのですね！
大変勉強になりました。yambejp様、ヒントを下さりありがとうございました＾＾

<script> jQuery(function(){ jQuery('img').each(function(){ jQuery(this).attr('src',jQuery(this).attr('src').replace(/[stylesheet_uri]/,"画像フォルダ直前までのパス")); }); }); </script>

Answer 2

/[stylesheet_uri]/

この場合正規表現でreplaceしてはいけません。
正規表現で「[]」は特別な意味を持っています

Comments

[yambejp]

var src="[stylesheet_uri]/画像フォルダ名/画像ファイル名.拡張子";
var replacement="画像フォルダ直前までのパス";
src=src.replace("[stylesheet_uri]",replacement);
console.log(src);

[Kanakuwa]

ご回答いただきありがとうございます。
お恥ずかしながら正規表現すら理解していない状況で、今必死に調べております。
色々試しているうちに文字列の一文字目だけ消えていたことがあり、訳も分からずいたのですが理解できました。

画像が一つだけだと良かったのですが、
一覧ページのサムネイルを取得したいので画像までのフルパスをすべて設定するのが難しい状況です。