メシのタネ

Webプログラミング 備忘録

  • DOMをPHPで操作できたらいいよね

    そうだよね。そう思うよね。JavaScriptでやると、画面がガタついたりするもんね。そうならないようにする方法もあるかもしれないけど、僕はできませんので、サーバー側でなんとかできたらええなぁと思って挑戦したけど、できませんでしたよ。PHP標準でHTMLをDOMにできるらしい今、技[...]

    続きを読む
  • 設計書ってなんで書くの?

    設計書をなぜ書くのかから始めてかれこれ3年近くこの禅問答をやっているわけですが、いまだに答えは出ません。ただ、その禅問答をやる中で設計書に対する取り組み方は大きく変わったので、その一部でも書いていきたい。基本設計はとにもかくにも必要だと思う設計書はいらぬ!という話をよく聞くし、自分[...]

    続きを読む
  • 書ききってやる。

    久々に書いてみる。久々に文章を書くということをやってみようと思う。伝える作業を観察したいと思ったからそうしたいと考えた。情緒的な文章は基本的にゴミ箱にぽいしてきましたが、情緒的なのも自分だと思う。「文章をかくという作業は、とりもなおさず自分と自分をとりまく事物との距離を確認すること[...]

    続きを読む
  • 普通の会社で2年普通に働いて思う事

    えらい寒くなりました。文句言いながらも現職を続けて2017年12月1日にめでたく2年がたちました。分かりやすいが乱暴に言えばITドカタと呼ばれる業界に入って案件のヒエラルキーの無慈悲さを痛感しながらも、それでもしょうがないと頑張る人たちに心を打たれながら「じゃあ俺も」と頑張れない自分に挫折して、とあ[...]

    続きを読む
  • jQueryUiのDatepicker利用時にminDate設定するとバグる件

    題名の通りなんですが、DatepickerでminDate使うとバグります。また後でキャプチャ見て貰いますけど、灰色の部分が、minDateで設定した日付が反復して出るようになるんですね。こういうの気が付かない人がいるかも知れませんが、ChoromeでminDate設定してる人は気にしてみてくだ[...]

    続きを読む

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

jQuery11
2014/11/4 修正

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

containsセレクター


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

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

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


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

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

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

ここから: 2013年5月9日 元記事

メモ程度に記憶

bodyタグ全体の.html()を変数に入れて
replaceで青果を<すぱん>メモリーに変換

これではかどる。


    $('body:contains("青果")').each(function(){
        var txt = $(this).html();
        $(this).html(
            txt.replace(/青果/g,'<span>メモリー</span>')
       );
    });
    
   
 

関連記事