wp231957 发表于 2020-3-20 15:31:38

正则的一个小应用

今天分析一段css代码 ,发现他把所有的行都挤到一起写了,看起来就和粥一样迷糊,于是看看能不能用正则给它拆分一下
ok 还挺给力,成功了,就是太长了,仅仅截一部分图吧

wp231957 发表于 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);
            $("#wpul").append(txt);}

Mike_python小 发表于 2020-3-20 16:58:33

???什么东西啊

wp231957 发表于 2020-3-20 16:59:45

Mike_python小 发表于 2020-3-20 16:58
???什么东西啊

你有什么疑惑的??

wp231957 发表于 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);
                }else{
                  txt=$("<li style='color:blue; font-size:18px;'>").text(result);   
                }
            $("#wpul").append(txt);
            if(x%10==0 && x>0){i++;}
      }

陈尚涵 发表于 2020-7-5 19:56:43

嗯,有一手
页: [1]
查看完整版本: 正则的一个小应用