js 判断一串字符中是否有数字并且改变数字颜色

最新推荐文章于 2024-10-15 13:58:30 发布
最新推荐文章于 2024-10-15 13:58:30 发布
阅读量2.9k 收藏 2
点赞数 1
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/p930318/article/details/78931304
本文介绍了一种使用JavaScript的方法来实现对商品送达时间中的小时数进行高亮显示。通过正则表达式匹配并替换的方式，将关键的数字部分用特定样式突出显示。

var str="该商品支持22小时内送达服务";
var m=str.match(/([0-9]+)/);
str = str.replace(m[0],'<span style="color:#ff4545; font-weight: bold; ">'+m[0]+'</span>');

$('.sd_time .tit').html(str);


<span class="tit">

JS(第十一课)JS中的字符串你了解多少？
qq_56248592的博客
10-22 302
这篇文章可能让你感到枯燥无味 我想告诉你的是 这个字符串 是你必须了解的信息
后台返回的字符串，前端需要把其中的数字变成红色
weixin_46540564的博客
11-18 1527
需求：后台返回的字符串，前端需要把其中的数字变成红色 这是一个vue 项目, 也是翻了很多的大佬写的博客，自己总结了一下，开始时循环这个字符串，利用过滤器实现了这个需求，但是这样严重消耗了浏览器的性能，创建出了很多的span 标签，经过大佬的点播，换了一种方法，上代码： <!-- html代码 --> <div v-html="str"></div> // css代码 .red { color: red; } data () { return { s
js 实现 验证字符串是否全由数字组成
03-30
js 实现 验证字符串是否全由数字组成! 值得下载看看!资源免费,大家分享!!
JS：找出指定字符串中所有数字，使这些数字在网页上显示指定颜色
Winson_Fung的专栏
12-17 1251
JS方法： <script> /** ** 通过正则表达式，找出指定字符串中所有数字(包括小数、百分数、千分数)，使这些数字在网页上显示指定颜色； ** str : 指定字符串 ** color : 在网页上显示指定颜色 ** 返回 : 处理后的字符串 **/ function formatNum(str,color){ var nums = String(str.matc...
JS中判断某个字符串是否包含另一个字符串的五种方法
12-12
String对象的方法 方法一: indexOf()   (推荐) var str = "123" console.log(str.indexOf("2") != -1); // true indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。 方法二:match() var str = "123" var reg = RegExp(/3/); if(str.match(reg)){ //包含； } match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。 方法三: search()
js中判断字符串中是否含有数字
qq_42980244的博客
05-12 591
var d = /\d/; d.test(recycleOrderInfo.vendorTel) ? recycleOrderInfo.vendorTel : ""
js：判断字符串内容中是否包含数字
陈浩然哦 的博客
07-10 1万+
题目描述 定义：字符串 str，检查其是否包含数字，包含返回 true，否则返回 false 输入 'abc123' · 输出 'true' 方法一、正则，test function containsNumber(str) { var reg=/\d/; return reg.test(str); } 方法二、正则，match function containsNumber(str) { return !!str.match(/\d/g); } 方法三
纯js网页数字滚动累计动画效果
06-11
【纯js网页数字滚动累计动画效果】是一种常见的前端交互设计，它通过JavaScript代码实现数字动态地从一个初始值增加到预设的目标值，为用户提供视觉上的动态反馈，常见于统计数据展示、进度条或者加载效果中。...
JS TextArea字符串长度限制代码集合
10-27
本篇文章提供了一种针对JavaScript环境下TextArea文本域字符串长度限制的方法，并着重解决了一个特定问题：在Internet Explorer（IE）浏览器中，当用户输入日语和全角字符时出现的BUG。 该方法中，提出了一个名为...
JavaScript 判断字符串中是否包含数字
weixin_51190886的博客
09-11 1702
JavaScript 判断字符串是否包含数字 //判断字符串是否存在数字 function isNumber(str) { //循环 0-9 for (var i = 0; i < 10; i++) { //如果i的下标不等于-1 说明存在数字 if(str.indexOf(i)!=-1){ return true;
js实现在字符串中提取数字
12-03
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”><head><meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /><title>js实现在字符串中提取数字</title><script language=”javascript” ty
纯JS 判断字符串中是否出现了数字
weixin_40098371的博客
09-06 6656
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;判断字符串中是否出现了数字&lt;/title&gt;     &lt;script&gt;         var str = "！
js验证字符串是否包含中文、数字
墨羽离殇的专栏
05-20 957
var reg=/[0-9\u2E80-\u2EFF\u2F00-\u2FDF\u3000-\u303F\u31C0-\u31EF\u3200-\u32FF\u3300-\u33FF\u3400-\u4DBF\u4DC0-\u4DFF\u4E00-\u9FBF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF]+/g 见图：data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiYAAAEoCAYAAABsLDqrAAAgAElEQVR4A
【js】判断是否包含数字
yujie的博客
07-28 9166
题目描述 给定字符串 str，检查其是否包含数字，包含返回 true，否则返回 false 示例1 输入 'abc123' 输出 true 1.正则，test function containsNumber(str) { var reg=/\d/; return reg.test(str); } 2.正则，match function contain...
js判断 字符包含 数字 字母 特殊符号 不可包含中文
最新发布
代码笔记
10-15 966
可以使用正则表达式来检查字符串是否包含数字、字母和特殊符号，同时不包含中文字符。{|}~])` 确保字符串中至少包含一个特殊符号。确保字符串中至少包含一个字母。确保字符串中至少包含一个数字。分别指定字符串的开始和结束。确保字符串中不包含中文字符。匹配任意字符，至少一次。如果字符串符合条件，
js判断字符串是否包含某个字符串
热门推荐
willeny的博客
07-24 4万+
用indexOf()判断 var str = "123456"; if(str.indexOf("5") != -1) { console.log("字符串123456里包含了5"); }else{ console.log("字符串123456里没有包含5"); } ndexOf() 方法可返回某个指定的字符串值在字...
js中让字符串中特定字符(数字标识)红色显示
sunshinezx8023的博客
08-01 9315
最近项目遇到描述文字中的数字红色显示,于是列出代码: var str = "今日完成率20%"; var num_str =str.replace(/^[^\d]*(\d+)[^\d]*$/, "$1"); //截取数字 var index =str.indexOf(num_str); //获取该数字出现的位置 var home = str.substring(0,index);//数字之...
js让字符串中的数字变色
m0_61672533的博客
12-19 914
js让字符串中的数字变色
js给文本中数字加颜色_一窥 Draft.js 受控渲染机制
weixin_39978282的博客
11-29 368
估计很多同学都知道 Draft.js 是基于受控的 (controlled) contenteditable 实现的，也知道 Draft.js 的 editor state 中除了 content state，还有 selection state，undo/redo stack 等。但具体 Draft.js 如何将这些 state 渲染出来，估计多数同学就不了解了。毕竟不了解也能用起来。最近 de...
authorware编程教程：变色条与数字钟实现
- **条件和循环结构**：通过条件判断和循环结构来实现逻辑控制，例如在变色条中根据变量值改变颜色，在数字钟中实现时间的不断更新。 #### Authorware作品的开发流程 开发一个Authorware作品通常需要以下步骤： 1....
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值