jQueryで一部分だけテキストを書き換える

タグで囲われていなかったり、微妙な範囲を書き換えたい場合のサンプルです。


js実行前

タイトル「ねむい」11/11

js実行後

ねむい時に言った一言「ねむい」11/11

See the Pen jQueryで一部分だけテキストを書き換える by takapen (@takapen) on CodePen.

html

タイトル「ねむい」11/11

css（spanタグが生き残ってるの確認用）

#date {color:#c00;}

js(要jQuery読み込み)

$(function(){
  var title = $('#title');//変数にタイトルのIDを入れる
  if(title.length){//タイトルがある場合のみ実行
    var text = title.html().replace('タイトル','');//タイトルの文字列だけ削除して変数に入れる
    title.html('ねむい時に言った一言' + text);//書き換えて、先ほど変数に入れたてきすとをくっつけて表示
  }
});