特定の文字を書き換える方法 【javascript】

突然ですが、javascriptで文字列を書き換える方法を紹介します。

やってることはとってもシンプルです。

ページを読み込んだら書き換えたい場所に文字列があるか探し、

書き換えたい文字列に書き換える！

手が届きにくくかゆい場所に編集の手が届けば幸いです。

サンプルコード

※h1のクラス名entry-titleに【javascript】があったらspanで囲んで緑色変更

$(function(){
  $(window).on('load',function () { //ページの読み込みが全て完了したら実行
　　　　　　　　　//対象クラス名に【javascript】があるか検索
    $("h1.entry-title:contains('【javascript】')").each(function(){
      //【javascript】を<span>【javascript】</span>に書き換えて変数rewriteに格納
      let rewrite = $('h1').text().replace(/【javascript】/g, '<span>【javascript】</span>');
      //対象のクラス名に格納したrewrite変数の中身に書き換え
      $('h1.entry-title').html(rewrite);
      //spanにCSS追加色を緑へとってもグリーンだよ！
      $('h1.entry-title span').css('color','green');
    });
  });
});