jQuery を使ってHTMLタグをエスケープする

Javascript ネタです。 ユーザーがテキストボックスに入力した文字を、そのままその画面上に表示するような処理を、Javascriptで作成する際に、エスケープする処理が必要な場合があります。 AJAX でサーバー側から取得した値を表示する場合もそうですね。 今回は、そんなときのエスケープする処理を jQuery を使ってプラグイン形式で紹介したいと思います。 そもそもなぜエスケープする必要があるのか？ 知ってる人は知ってると思いますが、そもそもなぜエスケープする必要があるのか？というところから説明します。 PHPやPerlなどのプログラムを勉強された方はよく知ってると思いますが、ユーザーがテキストボックスに入力した文字をそのまま表示する場合、もしその中にHTMLタグが入っていたとします。 そうすると、（あたりまえですが）ブラウザはその文字をちゃんとしたHTMLタグだと認識してしまう

[hpptms]

昔見てこのコードが自分のプログラムに書いてあったので、なんでこれでエスケープなんだっけ・・・と思って改めて記事を見直すとなるほどかしこい

[a2ikm]

パフォーマンスが気になるけど、なるほど

[nilab]

jQuery を使ってHTMLタグをエスケープする - hiromitz @ blog for designing and development : 「$("<div/>").text(val).html();」

[harigel]

$.text() 関数をエスケープに利用。あたまいいな。

[stealthinu]

jqueryを使って一行でタグをエスケープ。これは超お手軽だわ。なるほどなあ。

[etoile777]

jQueryのtext()でエスケープ[jQuery][job]

[golden_eggg]

text関数がエスケープしてくれるのを利用

[wozozo]

escape

[araishi]

jQueryのエスケープについて。見出しのフォントがきれい