jQuery ドキュメント全体から特定の文字列を取得して置換

2014/11/4　修正

ドキュメント全体をBodyとした場合に、bodyタグの中から特定の文字列を探して検索する方法をかつてメモしました。
jQueryのとあるセレクタを使うと、指定タグの中から特定の文字列を検索することができます。これとeachや.replaceを組み合わせることで、
ドキュメント全体から特定の文字列を変換することができます。

containsセレクター

引数に入力した文字列を指定したタグの中から抽出してくれるセレクターです。

これを実行すると、DIVの中のhoge部分が赤文字になります。

bodyから特定文字列を探して文字列を変更させる

じゃあ単純にこうやれば良いじゃんってなりますよね。
div消してセレクタbodyに変えてやればおっけーじゃんってなりますよね。

そうすると、全部赤文字になります。困ります。
なのでreplaceを使って、タグをつけてstyleをかましてやると

一応実現する事が可能になります。
動きとしては、一回、bodyタグのtextを一度全部取り出して、
その中から指定の文字列をreplaceで探して、変換するって流れでやってると思います。

今日から役立つjQueryの小技！クリックされた奴をどうにかする方法

2015.1.30

正直こんな大げさなタイトルつけなくてもイベントの拾い方で良いんですけどね、こういうタイトルにしないと誰も見ないんですよ。イベントの拾い方とかタイトル書いたって、誰もクリックしてくれないんですよ！ちょっと今日は派手にタイトルつけさせてください！お願いします！というわけで、例えばナビゲーションの文言が変...

2019/11/14追記

js fiddleがbodyタグだとエラーになるので、エラーにならないように修正しました。

普通にHTMLで使用する分には発生しないと思われます。