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 相关文章推荐
ExtJs的Date格式字符代码
Dec 30 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 Javascript
基于jquery实现的可编辑下拉框实现代码
Aug 02 Javascript
javascript中typeof操作符和constucor属性检测
Feb 26 Javascript
JavaScript如何实现组合列表框中元素移动效果
Mar 01 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
Mar 03 Javascript
mui上拉加载功能实例详解
Apr 13 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
Jul 05 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
Sep 18 Javascript
详解JavaScript中的强制类型转换
Apr 15 Javascript
JavaScript canvas仿代码流瀑布
Feb 10 Javascript
JS控制下拉列表左右选择实例代码
May 08 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
PHP出错界面
2006/10/09 PHP
第五章 php数组操作
2011/12/30 PHP
php的$_FILES的临时储存文件与回收机制实测过程
2013/07/12 PHP
php导入大量数据到mysql性能优化技巧
2014/12/29 PHP
总结PHP如何获取当前主机、域名、网址、路径、端口和参数等
2016/09/09 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
用正则xmlHttp实现的偷(转)
2007/01/22 Javascript
比较详细的关于javascript中void(0)的具体含义解释
2007/08/02 Javascript
页面载入结束自动调用js函数示例
2013/09/23 Javascript
深入分析JQuery和JavaScript的异同
2014/10/23 Javascript
JavaScript动态提示输入框输入字数的方法
2015/07/27 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
2015/08/21 Javascript
基于html5和nodejs相结合实现websocket即使通讯
2015/11/19 NodeJs
JavaScript jquery及AJAX小结
2016/01/24 Javascript
jquery实现可旋转可拖拽的文字效果代码
2016/01/27 Javascript
JS从数组中随机取出几个数组元素的方法
2016/08/02 Javascript
jquery判断类型是不是number类型的实例代码
2016/10/07 Javascript
文件上传的几个示例分享【推荐】
2016/12/16 Javascript
Vue2组件tree实现无限级树形菜单
2017/03/29 Javascript
基于jQuery解决ios10以上版本缩放问题
2017/11/03 jQuery
微信小程序用户登录和登录态维护的实现
2020/12/10 Javascript
[01:23:45]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第一场 1月22日
2021/03/11 DOTA
Python使用gensim计算文档相似性
2016/04/10 Python
tf.truncated_normal与tf.random_normal的详细用法
2018/03/05 Python
详解python中递归函数
2019/04/16 Python
python错误调试及单元文档测试过程解析
2019/12/19 Python
python wav模块获取采样率 采样点声道量化位数(实例代码)
2020/01/22 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
Python扫描端口的实现
2021/01/25 Python
开发人员所需要知道的HTML5性能分析面面观
2012/07/05 HTML / CSS
一道Delphi上机题
2012/06/04 面试题
师范生自荐信
2013/10/27 职场文书
初中校园之声广播稿
2014/01/15 职场文书
竞选纪律委员演讲稿
2014/09/13 职场文书
党员学习群众路线教育实践活动对照检查材料
2014/09/23 职场文书
冬季作息时间调整通知
2015/04/24 职场文书