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中数组的增删改查
Jun 20 Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 Javascript
利用jquery实现实时更新歌词的方法
Jan 06 Javascript
用JavaScript做简易的购物车的代码示例
Oct 20 Javascript
vue 引入公共css文件的简单方法(推荐)
Jan 20 Javascript
vue2.0 循环遍历加载不同图片的方法
Mar 06 Javascript
解决vue多个路由共用一个页面的问题
Mar 12 Javascript
vue实现可视化可拖放的自定义表单的示例代码
Mar 20 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
Apr 10 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
Apr 11 Javascript
JS实现手写 forEach算法示例
Apr 29 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
Jul 19 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用正则表达式匹配中文实例详解
2013/11/06 PHP
PHP中检索字符串的方法分析【strstr与substr_count方法】
2017/02/17 PHP
PHP去除字符串最后一个字符的三种方法实例
2017/03/01 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
2017/12/25 PHP
PHP实现单文件、多个单文件、多文件上传函数的封装示例
2019/09/02 PHP
jQuery中多个元素的Hover事件解决方案
2014/06/12 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
JavaScript实现的经典文件树菜单效果
2015/09/08 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
Javascript动画效果(3)
2016/10/11 Javascript
jquery实现输入框实时输入触发事件代码
2016/12/21 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
2017/12/24 jQuery
Vue 中对图片地址进行拼接的方法
2018/09/03 Javascript
微信小程序实现星星评价效果
2018/11/02 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
Vue最新防抖方案(必看篇)
2019/10/30 Javascript
Python操作MySQL简单实现方法
2015/01/26 Python
在Django框架中设置语言偏好的教程
2015/07/27 Python
Python数据操作方法封装类实例
2017/06/23 Python
Python实现的密码强度检测器示例
2017/08/23 Python
Django admin实现图书管理系统菜鸟级教程完整实例
2017/12/12 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
python3 使用Opencv打开USB摄像头,配置1080P分辨率的操作
2019/12/11 Python
Python turtle库的画笔控制说明
2020/06/28 Python
实例教程 利用html5和css3打造一款创意404页面
2014/10/20 HTML / CSS
html5本地存储 localStorage操作使用详解
2016/09/20 HTML / CSS
DOUGLAS荷兰:购买香水和化妆品
2020/10/24 全球购物
explicit和implicit的含义
2012/11/15 面试题
小区门卫值班制度
2014/01/24 职场文书
小学生优秀评语大全
2014/04/22 职场文书
环保倡议书怎么写
2014/05/16 职场文书
商务日语专业的自荐信
2014/05/23 职场文书
班子四风对照检查材料思想汇报
2014/09/29 职场文书
教师师德工作总结2015
2015/07/22 职场文书