鱼C论坛

 找回密码
 立即注册
查看: 3029|回复: 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 编辑
        var s ="太长了 不占用论坛资源了"
        var reg=/\..+?{.+?}/igm;
        var result=s.match(reg);
        //console.log(result.length);
        var x;
        for(x=0;x<result.length;x++){
            var txt=$("<li>").text(result[x]); 
            $("#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标签字体颜色就变换一次
  var reg=/\..+?{.+?}/igm;
        var result=s.match(reg);
        //console.log(result.length);
        var x;
        var i=0;
        for(x=0;x<result.length;x++){
            var txt;
            if (i%2){
                    txt=$("<li style='color:red; font-size:18px;'>").text(result[x]); 
                }else{
                    txt=$("<li style='color:blue; font-size:18px;'>").text(result[x]);   
                }
            $("#wpul").append(txt);
            if(x%10==0 && x>0){i++;}
        }
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-23 15:23

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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