javascript - 从正则表达式中解析 css 伪元素内容

Question

我在javascript中解析css伪元素的内容。

内容是

counter(item, decimal), ' ', fdgsdf, attr(data), counter(item1,lower-alpha)

预期输出

[counter(item, decimal),' ',fdgsdf, attr(data),counter(item1,lower-alpha) ]

目前我正在使用下面的正则表达式

/(?:"([^"]*)"|'([^']*)'|([^']*)|(?:counter|attr|url)\(([^)]*)\))/gi

问题出在文本内容上。我希望文本和其他(url、attr、计数器)单独匹配。我如何匹配上面的字符串并生成等效的匹配元素数组以进一步处理

Answer 1

如果您不关心函数的名称，可以使用 RegEx \w+(?:\([^)]*\))?|'[^']*'|"[^"]*"

• \w+匹配一个单词字符1次或多次

• (?:\([^)]*\))?如果有则匹配函数参数

• '[^']*' 匹配 ''

中的任何字符串

• [^"]*" 匹配 ""

中的任何字符串

Demo.