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网页关键字高亮代码
Jul 30 Javascript
js不能跳转到上一页面的问题解决方法
Mar 01 Javascript
关于jQuery中.attr()和.prop()的问题探讨
Sep 06 Javascript
代码获取历史上的今天发生的事
Apr 11 Javascript
javascript实例分享---具有立体效果的图片特效
Jun 08 Javascript
javascript中利用柯里化函数实现bind方法
Apr 29 Javascript
AngularJs bootstrap搭载前台框架——准备工作
Sep 01 Javascript
js中获取 table节点各tr及td的内容简单实例
Oct 14 Javascript
第一次接触神奇的前端框架vue.js
Dec 01 Javascript
JavaScript的setter与getter方法
Nov 29 Javascript
详解Vue组件插槽的使用以及调用组件内的方法
Nov 13 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
Dec 09 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
超神学院:天使彦公认最美的三个视角,网友:我的天使快下凡吧!
2020/03/02 国漫
防止本地用户用fsockopen DDOS攻击对策
2011/11/02 PHP
百度地图API应用之获取用户的具体位置
2014/06/10 PHP
ThinkPHP让分页保持搜索状态的方法
2014/07/02 PHP
PHP+MYSQL会员系统的开发实例教程
2014/08/23 PHP
php使用ob_flush不能每隔一秒输出原理分析
2015/06/02 PHP
PHP终止脚本运行三种实现方法详解
2020/09/01 PHP
Javascript学习笔记4 Eval函数
2010/01/11 Javascript
过虑特殊字符输入的js代码
2010/08/05 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
利用javascript数组长度循环数组内所有元素
2013/12/27 Javascript
javascript实现的闭包简单实例
2015/07/17 Javascript
JavaScript知识点总结之如何提高性能
2016/01/15 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
Angular实现的简单定时器功能示例
2017/12/28 Javascript
JavaScript实现快速排序的方法分析
2018/01/10 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
2019/04/18 Javascript
Vue的全局过滤器和私有过滤器的实现
2020/04/20 Javascript
Vue2.0 ES6语法降级ES5的操作
2020/10/30 Javascript
理解Python中函数的参数
2015/04/27 Python
wxPython实现窗口用图片做背景
2018/04/25 Python
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
Django之无名分组和有名分组的实现
2019/04/16 Python
Python3操作YAML文件格式方法解析
2020/04/10 Python
html5给汉字加拼音加进度条的实现代码
2020/04/07 HTML / CSS
阿迪达斯西班牙官方网站:adidas西班牙
2016/07/21 全球购物
三年级语文教学反思
2014/02/01 职场文书
四年级学生评语大全
2014/04/21 职场文书
部门年终奖分配方案
2014/05/07 职场文书
2014年图书管理员工作总结
2014/12/01 职场文书
2014年实验室工作总结
2014/12/03 职场文书
爱心募捐通知范文
2015/04/27 职场文书
MATLAB 全景图切割及盒图显示的实现步骤
2021/05/14 Python
分析Netty直接内存原理及应用
2021/06/14 Java/Android
开发者首先否认《遗弃》被取消的传言
2022/04/11 其他游戏
Android中的Launch Mode详情
2022/06/05 Java/Android