JavaScript中正则表达式使数字、中文或指定字符高亮显示


Posted in Javascript onOctober 31, 2017
<span id="span_id">span2314的23文本213</span>
var htmlobj = txt.replace(/(\d+)/img, "<span style='background:red;'>$&</span>");
//var htmlobj = txt.replace(/([+\-]?[0-9]+(\.[0-9]+)?)/g, "<span style='background:red;'>$1</span>"); // 这个也可以
//var htmlobj = txt.replace(/(\d+)/img, "<span style='background:yellow;'>$1</span>");//这个也可以
alert("替换spna中的数字:"+htmlobj);
$("#span_id").html(htmlobj);

把数字改换成正则表达式的中文或者指定的字符,既可以高亮。还可以设置其他的高亮颜色:

红色:style='background:red;'

蓝色:style='background:blue;'

绿色:style='background:green;'

总结

以上所述是小编给大家介绍的JavaScript中正则表达式使数字、中文或指定字符高亮显示,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于JQuery实现鼠标点击文本框显示隐藏提示文本
Feb 23 Javascript
实现只能输入数字的input不用replace方法
Sep 12 Javascript
jQuery前端框架easyui使用Dialog时bug处理
Dec 05 Javascript
JavaScript实现的链表数据结构实例
Apr 02 Javascript
jQuery插件实现无缝滚动特效
Nov 24 Javascript
js显示动态时间的方法详解
Aug 20 Javascript
扩展Bootstrap Tooltip插件使其可交互的方法
Nov 07 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
Jan 13 Javascript
微信小程序实现漂亮的弹窗效果
May 26 Javascript
详解vuex 渐进式教程实例代码
Nov 27 Javascript
简单了解node npm cnpm的具体使用方法
Feb 27 Javascript
详解原生JS动态添加和删除类
Mar 26 Javascript
JavaScript实现QQ列表展开收缩扩展功能
Oct 30 #Javascript
帝国cms首页列表页实现点赞功能
Oct 30 #Javascript
微信小程序商品详情页规格属性选择示例代码
Oct 30 #Javascript
AngularJS中scope的绑定策略实例分析
Oct 30 #Javascript
JavaScript数组push方法使用注意事项
Oct 30 #Javascript
JavaScript Date对象应用实例分享
Oct 30 #Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 #Javascript
You might like
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
判断是否为指定长度内字符串的php函数
2010/02/16 PHP
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
PHP file_get_contents设置超时处理方法
2013/09/30 PHP
使用php自动备份数据库表的实现方法
2017/07/28 PHP
PHP goto语句用法实例
2019/08/06 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
jQuery实现的五子棋游戏实例
2015/06/13 Javascript
bootstrap网页框架的使用方法
2016/05/10 Javascript
在vue项目中使用sass的配置方法
2018/03/20 Javascript
jQuery实现form表单序列化转换为json对象功能示例
2018/05/23 jQuery
JS实现获取进今年第几天是周几的方法分析
2018/06/27 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
2019/12/25 Javascript
Js和VUE实现跑马灯效果
2020/05/25 Javascript
js实现购物车商品数量加减
2020/09/21 Javascript
[02:05]2014DOTA2西雅图邀请赛 专访啸天mik夫妻档
2014/07/08 DOTA
[49:21]TNC vs VG 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第三场 8.20.mp4
2019/08/22 DOTA
实例讲解Python中SocketServer模块处理网络请求的用法
2016/06/28 Python
python+pyqt实现12306图片验证效果
2017/10/25 Python
python用BeautifulSoup库简单爬虫实例分析
2018/07/30 Python
基于pycharm导入模块显示不存在的解决方法
2018/10/13 Python
用django-allauth实现第三方登录的示例代码
2019/06/24 Python
Django REST framework 如何实现内置访问频率控制
2019/07/23 Python
python爬虫selenium和phantomJs使用方法解析
2019/08/08 Python
Python telnet登陆功能实现代码
2020/04/16 Python
python3中的logging记录日志实现过程及封装成类的操作
2020/05/12 Python
Python通过递归函数输出嵌套列表元素
2020/10/15 Python
TripAdvisor西班牙官方网站:全球领先的旅游网站
2018/01/10 全球购物
北京银河万佳Java面试题
2012/03/21 面试题
感恩节红领巾广播稿
2014/02/11 职场文书
预备党员的自我评价
2014/03/12 职场文书
生物技术专业求职信
2014/06/10 职场文书
禁止酒驾标语
2014/06/25 职场文书
违章停车检讨书
2014/10/21 职场文书
2015年小学英语教师工作总结
2015/05/12 职场文书
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS