Question

我从服务器获取系统日志并将它们提供给我的小部件，该小部件将新日志附加到log-container元素。日志看起来像这样：

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

您可以使用RegExp执行此操作，例如：msg.replace(/(\|)/g, '<span class="delimiter">$1</span>')

＆＃13;

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>');

＆＃13;

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

＆＃13;

用HTML元素替换字符串中的char

1 个答案: