代码之家  ›  专栏  ›  技术社区  ›  angry kiwi

获取css文件中的所有类名

  •  3
  • angry kiwi  · 技术社区  · 6 年前

    let string =
    
        .papa, .aka {
            color:red
        }
        .mama .ok {
            color:blue
        }
    
        div .chacha{
            transition: opacity 0.2s;
        } .sasa {
            background:url(home.png)
        }
    

    我想获取文件中的所有类名并放入数组中。预期结果:

    [.papa, .aka, .mama, .ok, .chacha, .sasa]
    

    let pattern = /(?:[\.]{1})([a-zA-Z_]+[\w-_]*)(?:[\s\.\{\>#\:]{1})/igm
    
    let match = pattern.exec(string);
    
    console.log(match);
    

    我只有 [.papa] .

    2 回复  |  直到 6 年前
        1
  •  1
  •   Rahul Sharma    6 年前

    你可以使用 string.match

    let string =
    `
        .papa, .aka {
            color:red
        }
        .mama .ok {
            color:blue
        }
    
        div .chacha {
            transition: opacity 0.2s;
        } .sasa {
            background:url(home.png)
        }
    `
    var arr = string.match(/(?:[\.]{1})([a-zA-Z_]+[\w-_]*)(?:[\s\.\,\{\>#\:]{0})/igm);
    console.log(arr);
        2
  •  0
  •   Shiv Kumar Baghel    6 年前
    let arr = [];
    match.input.replace(pattern, function(match, g1, g2) { arr.push(g1); });
    console.log(arr);