鱼C论坛

 找回密码
 立即注册
查看: 2468|回复: 5

[学习笔记] 正则的一个小应用

[复制链接]
发表于 2020-3-20 15:31:38 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
今天分析一段css代码 ,发现他把所有的行都挤到一起写了,看起来就和粥一样迷糊,于是看看能不能用正则给它拆分一下
ok 还挺给力,成功了,就是太长了,仅仅截一部分图吧
无标题3.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2020-3-20 15:33:02 | 显示全部楼层
本帖最后由 wp231957 于 2020-3-20 15:35 编辑

  1.         var s ="太长了 不占用论坛资源了"
  2.         var reg=/\..+?{.+?}/igm;
  3.         var result=s.match(reg);
  4.         //console.log(result.length);
  5.         var x;
  6.         for(x=0;x<result.length;x++){
  7.             var txt=$("<li>").text(result[x]);
  8.             $("#wpul").append(txt);}
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-3-20 16:58:33 From FishC Mobile | 显示全部楼层
???什么东西啊
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-3-20 16:59:45 | 显示全部楼层

你有什么疑惑的??
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-3-20 19:14:10 | 显示全部楼层
增加:
每隔10个li标签字体颜色就变换一次

  1.   var reg=/\..+?{.+?}/igm;
  2.         var result=s.match(reg);
  3.         //console.log(result.length);
  4.         var x;
  5.         var i=0;
  6.         for(x=0;x<result.length;x++){
  7.             var txt;
  8.             if (i%2){
  9.                     txt=$("<li style='color:red; font-size:18px;'>").text(result[x]);
  10.                 }else{
  11.                     txt=$("<li style='color:blue; font-size:18px;'>").text(result[x]);   
  12.                 }
  13.             $("#wpul").append(txt);
  14.             if(x%10==0 && x>0){i++;}
  15.         }
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-7-5 19:56:43 | 显示全部楼层
嗯,有一手
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-28 08:03

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表