何かしらのイベントに応じて文字列の置換や削除を行いたい場合、jsでreplace()を使って処理するととても便利です。本記事ではreplace()で文字を置換するテクニックについてご紹介させていただきたいと思います。});});※jQueryを読み込んでいる場合のスクリプトとなります解説replace()を使って、「replace('置換前の文字列','置換後の文字列')」を指定します。正規表現の駆使すると様々なパターンの置換が可能になります。2つめと3つめのサンプルコードではオプションに/gを指定することで、「マッチしたその後の文字列も置換する」ようにしています。3つめのサンプルでは「ほげ」も「もげ」も置換されるよう、「|」で区切って複数指定しています。文字列を一度変数に格納してDOMを生成し直しているか?「$('p.hoge').replace('ほげ','もげ');」じゃなくてなんでわざわざ変数に入れて置換してからhtml()しているの?と疑問に思われるかもしれませんが、これはreplace()は文字列に対して行われるため、直接htmlの要素オブジェクトに対して実行しても動作しないためです。要素内の文字列を取得して変数に格納後、置換してから再度DOMを生成する必要があるというわけです。デモ実際に動作を確認できるデモページも公開しておりますのであわせてご確認ください。replaceを使って複数回出現する文字列を置換するjsまとめjQueryを使ってページの読み込み時やクリック時などの「文字列を置き換える」必要のあるシーンは結構あるので、replace()は覚えておきたいテクニックの一つです。ご参考にしていただければ幸いです。ため、即時には反映されません。住宅ローン2019年5月7日さらに見る記事を書いている人フォローするRSSを購読するWebデザイナー/フロントエンド・エンジニアのMasaです。独学でWebデザインを勉強後Web業界へ就職し、今の会社に勤めて12年目になりました。2016年4月にマイホームを購入し、休日は芝生いじりと育児に励んでいます。