文字列内のcharをHTML要素で置き換えます。

Question

サーバーからシステムログを取得し、ログコンテナ要素に新しいログを追加するウィジェットにそれらを渡します。ログは次のようになります。

2017-06-0512:11:53.066|error[61f4cdd07abb]sequential(sequential)|interval(0)Error:... 

私はこのようなjQueryを使って追加しています：

returnElement.append('<span class="message">' + log.message + ' </span><br>'); 

しかし、私はログで区切り文字のように動作するこれらのパイプ記号のスタイルを設定したいです|

これを行うにはどうすればよいですか？おそらく別のスパンでそれらをラップする必要がありますが、私は各ログの部分文字列を避けたいと思います。

Answer 1

あなたが正規表現でそれを行うことができ、例えば：msg.replace(/(\|)/g, '<span class="delimiter">$1</span>')

var msg = '2017-06-0512:11:53.066|error[61f4cdd07abb]sequential(sequential)|interval(0)Error:...'; 
 

 
document.write('<span>' + msg.replace(/(\|)/g, '<span class="delimiter">$1</span>') + '</span>');

.delimiter { 
 
    font-weight: bold; 
 
    color: green; 
 
    font-size: 16pt; 
 
    margin: 10px; 
 
}