javascript - JavaScript テキストのパターン マッチング

Question

内部に %text% のようなパターンのテキストがあります。このパターンを JavaScript で取得してスパンでラップし、色を変更するにはどうすればよいですか?

ありがとう！

Answer 1

var str = 'Some text with patterns like %text% inside.';

str = str.replace( /%([^%]+)%/g, '<span style="color: blue">$1</span>' );    
// Some text with patterns like <span style="color: blue">text</span> inside.

Answer 2

s間のパターン%が常に純粋なテキスト (スペースなどを除く) である場合は、次のようにすることができます。

text = text.replace(/%\w*%/g, function (txt) {
    return '<span style="color: red">' + txt.substring(1, txt.length-1) + '</span>';
});

MikeM のマッチング パターンは私のものよりはるかに先を行っていますが、関数を使用して一致した文字列を操作したり、一致に応じて他のことを実行したりする方法を示すために、この回答を残します。

Answer 3

正規表現を使用する

if (String.match(/text/gi)) {
    //wrap span around String and change color of CSS
}