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 function对象那些迷惑分析
Oct 24 Javascript
jquery实现输入框动态增减的实例代码
Jul 14 Javascript
利用jquery写的左右轮播图特效
Feb 12 Javascript
JS阻止事件冒泡行为和闭包的方法
Jun 16 Javascript
angularJs关于指令的一些冷门属性详解
Oct 24 Javascript
深入理解js中的加载事件
Feb 08 Javascript
微信小程序 点击控件后选中其它反选实例详解
Feb 21 Javascript
div中文字内容溢出常见的解决方法
Mar 16 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
Sep 19 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
Jun 08 Javascript
JavaScript防止全局变量污染的方法总结
Aug 02 Javascript
Node与Python 双向通信的实现代码
Jul 16 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 模拟get_headers函数的代码示例
2013/04/27 PHP
探讨PHP JSON中文乱码的解决方法详解
2013/06/06 PHP
PHP 返回数组后处理方法(开户成功后弹窗提示)
2017/07/03 PHP
基于jquery的跨域调用文件
2010/11/19 Javascript
js中符号转意问题示例探讨
2013/08/19 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
2014/01/25 Javascript
JavaScript让Textarea支持tab按键的方法
2015/06/26 Javascript
js实现select下拉框菜单
2015/12/08 Javascript
怎么限制input的text里输入的值只能是数字(正则、js)
2016/05/16 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
基于JS代码实现实时显示系统时间
2016/06/16 Javascript
node.js读取Excel数据(下载图片)的方法示例
2018/08/02 Javascript
Angularjs之ngModel中的值验证绑定方法
2018/09/13 Javascript
详解vue-cli3开发Chrome插件实践
2019/05/29 Javascript
layui实现form表单同时提交数据和文件的代码
2019/10/25 Javascript
vue中使用GraphQL的实例代码
2019/11/04 Javascript
[37:37]DAC2018 4.4 淘汰赛 Optic vs Mineski 第二场
2018/04/05 DOTA
[44:58]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第二场
2018/04/06 DOTA
python删除过期文件的方法
2015/05/29 Python
python 接口返回的json字符串实例
2018/03/27 Python
python unittest实现api自动化测试
2018/04/04 Python
Python实现的括号匹配判断功能示例
2018/08/25 Python
Python控制键盘鼠标pynput的详细用法
2019/01/28 Python
新年快乐! python实现绚烂的烟花绽放效果
2019/01/30 Python
python matplotlib:plt.scatter() 大小和颜色参数详解
2020/04/14 Python
python不同系统中打开方法
2020/06/23 Python
Python爬虫抓取指定网页图片代码实例
2020/07/24 Python
统计每一学生的平均成绩
2014/06/06 面试题
银行柜员应聘推荐信范文
2013/11/24 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
2014年煤矿工作总结
2014/11/24 职场文书
房屋租房协议书范本
2014/12/04 职场文书
个人更名证明
2015/06/23 职场文书
修改MySQL的数据库引擎为INNODB的方法
2021/05/26 MySQL
SQL模糊查询报:ORA-00909:参数个数无效问题的解决
2021/06/21 Oracle