用 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

您可以使用 RegExp 来完成，例如：msg.replace(/(\|)/g, '<span class="delimiter"></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"></span>') + '</span>');

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

用 HTML 元素替换字符串中的一个字符

Replace a char in the string with HTML element

html

javascript

string

parsing

element