js中让字符串中特定字符(数字标识)红色显示

原创于 2018-08-01 17:50:31 发布 · 9.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#数字截取 #特定字符(数字标识)红色显示

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种在文本中将特定数字高亮显示的方法。通过使用JavaScript代码，可以实现自动提取字符串中的数字，并将其余部分分开，从而方便地对数字进行样式设置。

部署运行你感兴趣的模型镜像

最近项目遇到描述文字中的数字红色显示,于是列出代码:

var str = "今日完成率20%";
var num_str  =str.replace(/^[^\d]*(\d+)[^\d]*$/, "$1");  //截取数字
var index =str.indexOf(num_str); //获取该数字出现的位置
var home = str.substring(0,index);//数字之前的文字
var end = str.substring(index);//数字之后显示为红色的部分

输出结果如下图: