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 TextField常用方法
Oct 07 Javascript
JS 毫秒转时间示例代码
Sep 22 Javascript
JQuery中使用ajax传输超大数据的解决方法
Jul 14 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
Jul 13 Javascript
jQuery版AJAX简易封装代码
Sep 14 Javascript
Angular.JS实现无限级的联动菜单(使用demo)
Feb 08 Javascript
JS中的数组转变成JSON格式字符串的方法
May 09 Javascript
vue中使用localstorage来存储页面信息
Nov 04 Javascript
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
Aug 17 Javascript
简单了解Ajax表单序列化的实现方法
Jun 14 Javascript
Vue 使用typescript如何优雅的调用swagger API
Sep 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
基于asp+ajax和数据库驱动的二级联动菜单
2010/05/06 PHP
PHP三元运算符的结合性介绍
2012/01/10 PHP
CentOS 6.3下安装PHP xcache扩展模块笔记
2014/09/10 PHP
php获取文章上一页与下一页的方法
2014/12/01 PHP
php微信公众平台开发之获取用户基本信息
2015/08/17 PHP
Zend Framework数据库操作技巧总结
2017/02/18 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
js 匿名调用实现代码
2009/06/19 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
angular或者js怎么确定选中ul中的哪几个li
2017/08/16 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
JS中使用cavas截图网页并解决跨域及模糊问题
2018/11/13 Javascript
详解VUE单页应用骨架屏方案
2019/01/17 Javascript
vue文件运行的方法教学
2019/02/12 Javascript
微信小程序基于Taro的分享图片功能实践详解
2019/07/12 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
Python连接phoenix的方法示例
2017/09/29 Python
Python调用C# Com dll组件实战教程
2017/10/12 Python
Django 视图层(view)的使用
2018/11/09 Python
tensorflow入门:TFRecordDataset变长数据的batch读取详解
2020/01/20 Python
Python爬虫获取页面所有URL链接过程详解
2020/06/04 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
伦敦剧院门票:From The Box Office
2018/06/30 全球购物
教师找工作推荐信
2013/11/23 职场文书
《每逢佳节倍思亲》教后反思
2014/04/19 职场文书
煤矿安全生产标语
2014/06/06 职场文书
力学专业求职信
2014/07/23 职场文书
水利局群众路线专题民主生活会发言材料
2014/09/21 职场文书
交通事故和解协议书
2014/09/25 职场文书
县级领导干部开展党的群众路线教育实践活动工作汇报
2014/10/25 职场文书
2014年反洗钱工作总结
2014/11/22 职场文书
小学语文复习计划
2015/01/19 职场文书
提升Nginx性能的一些建议
2021/03/31 Servers
Python字符串对齐方法使用(ljust()、rjust()和center())
2021/04/26 Python
Python软件包安装的三种常见方法
2022/07/07 Python