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 相关文章推荐
javascript encodeURI和encodeURIComponent的比较
Apr 03 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 Javascript
js里取容器大小、定位、距离等属性搜集整理
Aug 19 Javascript
js获取客户端网卡的IP地址、MAC地址
Mar 26 Javascript
JavaScript中的fontsize()方法使用详解
Jun 08 Javascript
深入理解JQuery中的事件与动画
May 18 Javascript
js实现浏览器倒计时跳转页面效果
Aug 12 Javascript
微信小程序 视图容器组件的详解及实例代码
Jan 19 Javascript
vue2.0实战之基础入门(1)
Mar 27 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 Javascript
vue项目开发中setTimeout等定时器的管理问题
Sep 13 Javascript
js实现淘宝首页的banner栏效果
Nov 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
ThinkPHP3.1的Widget新用法
2014/06/19 PHP
PHP清除字符串中所有无用标签的方法
2014/12/01 PHP
PHP对文件夹递归执行chmod命令的方法
2015/06/19 PHP
php+ajax注册实时验证功能
2016/07/20 PHP
PHP利用curl发送HTTP请求的实例代码
2020/07/09 PHP
JavaScript入门学习书籍推荐
2008/06/12 Javascript
基于JavaScript 下namespace 功能的简单分析
2013/07/05 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
动态加载jquery库的方法
2014/02/12 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
全面解析Bootstrap排版使用方法(标题)
2015/11/30 Javascript
JS函数的几种定义方式分析
2015/12/17 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
2016/05/18 Javascript
JS实现的tab切换选项卡效果示例
2017/02/28 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
2018/08/10 Javascript
微信小程序下拉菜单效果的实例代码
2019/05/14 Javascript
使用express获取微信小程序二维码小记
2019/05/21 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
2019/08/02 Javascript
[51:53]完美世界DOTA2联赛决赛日 Inki vs LBZS 第二场 11.08
2020/11/10 DOTA
python使用xmlrpclib模块实现对百度google的ping功能
2015/06/02 Python
Python cookbook(字符串与文本)针对任意多的分隔符拆分字符串操作示例
2018/04/19 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
对Python w和w+权限的区别详解
2019/01/23 Python
Python函数装饰器原理与用法详解
2019/08/16 Python
Python 单例设计模式用法实例分析
2019/09/23 Python
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
Lulu Guinness露露·吉尼斯官网:红唇包
2019/02/03 全球购物
大学四年职业生涯规划书范文
2014/01/02 职场文书
幼儿园中班教学反思
2014/02/10 职场文书
劳动竞赛活动方案
2014/02/20 职场文书
工程安全生产协议书
2014/11/21 职场文书
家长会感言
2015/08/01 职场文书
2016年春节慰问信息大全
2015/11/30 职场文书
python 进阶学习之python装饰器小结
2021/09/04 Python
Android学习之BottomSheetDialog组件的使用
2022/06/21 Java/Android