js 设置字符串中指定字符的颜色

1、这是后台返回的数据:

this.data=[

{
"commentContent":"@小李 今天放假了@小赵 明天一起去玩吧。",
"list":["@小李","@小赵"],
"msgList":[],
"trendsId":1177
},

{

"commentContent":"@小王放假要去哪玩?",
"list":["@小王",],
"msgList":[],
"trendsId":1178
},
]

2、设置字符串中是所有@姓名的字体颜色为蓝色,字体为14px

          this.data.map((item) => {
            var show_text = item.commentContent;
            var replace_text = item.list;
            for (var i = 0; i < replace_text.length; i++) {
              var replaceString = '<span style="color:#0370d1 ' + ";font-size:14px " + ';">' + replace_text[i] + "</span>";
              show_text = show_text.replace(RegExp(replace_text[i]),replaceString);
            }
            item.commentContent = show_text;
          });
 
3、结果如下图:
posted @ 2021-01-19 14:24  左手倒影ZY  阅读(2210)  评论(0)    收藏  举报