2013年11月1日(金)

【jQuery】記号などで囲まれた文字列を正規表現で置換

• 0
• 11
• 12
• 23

jQueryで任意の文字列を正規表現で検索して置換する方法が便利だったので、メモです。
例えばソースコードをブログ上で表示するとき、特定のタグや記号で囲まれた文字列だけ色を変えたい、という場合に使えます。

サンプル

ダブルクォーテーションで囲まれた文字の色を赤くするため、spanタグを付ける、という想定です。

HTML

jQuery

$(function() { $('pre').each(function(){ var txt = $(this).html(); $(this).html( txt.replace(/"(.*?)"/g, '"$1"') ); }); });

replaceメソッドでは、第一引数に検索する文字を指定し、第二引数に置換後の文字を指定します。

CSS

span { color: #ff0000; }

ちょっと解説

検索の文字列につい...