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
利用JQuery动画制作滑动菜单项效果实现步骤及代码
Feb 07 Javascript
js根据日期判断星座的示例代码
Jan 23 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
Jan 28 Javascript
JavaScript设计模式之适配器模式介绍
Dec 28 Javascript
jquery轮播的实现方式 附完整实例
Jul 28 Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 Javascript
es6系列教程_ Map详解以及常用api介绍
Sep 25 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
vue中实现上传文件给后台实例详解
Aug 22 Javascript
详解JavaScript自定义函数
Jul 29 Javascript
利用JavaScript模拟京东按键输入功能
Dec 01 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中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
PHP抓取及分析网页的方法详解
2016/04/26 PHP
Joomla框架实现字符串截取的方法示例
2017/07/18 PHP
IE下js调试工具Companion.JS
2010/10/15 Javascript
JavaScript省市联动实现代码
2014/02/15 Javascript
基于node实现websocket协议
2016/04/25 Javascript
Bootstrap3制作搜索框样式的方法
2016/07/11 Javascript
基于jQuery的checkbox全选问题分析
2016/11/18 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
你不知道的 javascript【推荐】
2017/01/08 Javascript
jQuery中Chosen三级联动功能实例代码
2017/03/07 Javascript
ECMAScript6--解构
2017/03/30 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
bootstrap Table插件使用demo
2017/08/07 Javascript
jQuery 禁止表单用户名、密码自动填充功能
2017/10/30 jQuery
AngularJS动态添加数据并删除的实例
2018/02/27 Javascript
layer.open关闭父窗口 以及调用父页面的方法
2018/08/17 Javascript
Element input树型下拉框的实现代码
2018/12/21 Javascript
ES6入门教程之Array.from()方法
2019/03/23 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
2019/09/10 Javascript
[46:00]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第一局
2016/03/03 DOTA
跟老齐学Python之集合的关系
2014/09/24 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
python字符串替换第一个字符串的方法
2019/06/26 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
Python如何测试stdout输出
2020/08/10 Python
CSS3实现文字波浪线效果示例代码
2016/11/20 HTML / CSS
法国珠宝店:CLEOR
2017/01/29 全球购物
毕业生精彩的自我评价分享
2013/10/06 职场文书
中学实习教师自我鉴定
2013/12/12 职场文书
优秀毕业生求职信范文
2014/01/02 职场文书
社区庆八一活动方案
2014/02/02 职场文书
发展部经理职责规定
2014/02/22 职场文书
基层党支部整改方案
2014/10/25 职场文书
教师年度个人总结
2015/02/11 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python