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让setInteval里的函数参数中的this指向特定的对象
Jan 31 Javascript
JS request函数 用来获取url参数
May 17 Javascript
jquery 插件学习(六)
Aug 06 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
Dec 09 Javascript
js获取url参数代码实例分享(JS操作URL)
Dec 13 Javascript
Extjs4中的分页应用结合前后台
Dec 13 Javascript
红米手机抢购的js代码
Mar 10 Javascript
在WordPress中加入Google搜索功能的简单步骤讲解
Jan 04 Javascript
jQuery实现可拖拽的许愿墙效果【附demo源码下载】
Sep 14 Javascript
angular+webpack2实战例子
May 23 Javascript
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
Node层模拟实现multipart表单的文件上传示例
Jan 02 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
详解:――如何将图片储存在数据库里
2006/12/05 PHP
Laravel多用户认证系统示例详解
2018/03/13 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
javascript对数组的常用操作代码 数组方法总汇
2011/01/27 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
2012/12/23 Javascript
给jQuery方法添加回调函数一款插件的应用
2013/01/21 Javascript
jquery实现盒子下拉效果示例代码
2013/09/12 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
js中typeof的用法汇总
2013/12/12 Javascript
详谈jQuery中的this和$(this)
2014/11/13 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
2015/06/05 Javascript
第一次接触JS require.js模块化工具
2016/04/17 Javascript
微信小程序 开发指南详解
2016/09/27 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
Vue.Js中的$watch()方法总结
2017/03/23 Javascript
浅谈React 服务器端渲染的使用
2018/05/08 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
2019/05/22 Javascript
js实现简单分页导航栏效果
2019/06/28 Javascript
使用python获取CPU和内存信息的思路与实现(linux系统)
2014/01/03 Python
Python FTP操作类代码分享
2014/05/13 Python
详解django中使用定时任务的方法
2018/09/27 Python
使用Django搭建一个基金模拟交易系统教程
2019/11/18 Python
Django中Q查询及Q()对象 F查询及F()对象用法
2020/07/09 Python
python爬虫scrapy图书分类实例讲解
2020/11/23 Python
详解pycharm自动import所需的库的操作方法
2020/11/30 Python
HTML5中的强制下载属性download使用实例解析
2016/05/12 HTML / CSS
伦敦平价潮流珠宝首饰品牌:Astrid & Miyu
2016/10/10 全球购物
跟单文员的岗位职责
2013/11/14 职场文书
小学防溺水制度
2014/01/29 职场文书
敬老月活动总结
2014/08/28 职场文书
幼儿园托班开学寄语(2015秋季)
2015/05/27 职场文书
小学班主任培训心得体会
2016/01/07 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python
MySQL安装后默认自带数据库的作用详解
2021/04/27 MySQL
postgres之jsonb属性的使用操作
2021/06/23 PostgreSQL
使用Python通过企业微信应用给企业成员发消息
2022/04/18 Python