Javascript & Regex，多个匹配
提问于 2013-01-05 19:38:20
我有一个简短的问题要问你(对于你，我个人已经在这上面花了几个小时)。我已经在Javascript/Jquery中创建了一个web应用程序来验证CSS样式表。
我需要用Regex从选择器中提取多个CSS类名。我做了一些类似的事情：
var selector = this.value;
var userNewClass = selector.match(/[.]([A-Za-z_-]*)/);
alert(userNewClass.toString());它几乎可以工作了，但是我的代码有两个问题(这里有一个Regex noob )。如果我这样写：
.test:hover它返回我
.test, test 相同的类名，但用点打开，另一个不带点。如果我编写一个具有多个类名的选择器：
.test, .hello我在那里得到了相同的result...Is来修改我的正则表达式(或者我的代码?)要获取所有带有点(.)的类名，请执行以下操作只是，考虑到用户在同一个选择器中可以有无限数量的类？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-01-05 19:42:58
.test是完全匹配，test是捕获的组(括号()中的任何内容)。您还需要在结束/之后的末尾添加一个g，以匹配每个实例，而不仅仅是第一个实例。
也就是说，您可能不需要正则表达式，在字符串上使用split可能会更好。
'.test, .hello'.split(', ') // returns an array ['.test', '.hello']如果你一定要使用正则表达式，试试这个：
/\.(\w+)/g这将匹配(并捕获)文字.后面的一个或多个字母和/或数字\w+的任何和所有序列
Stack Overflow用户
发布于 2013-01-05 19:55:21
您必须使用RegExp.exec方法：
var input = ".test1.test2 .test3, .test4";
var re = /\.[\w\-]+/ig, match, matches = [];
while (match = re.exec(input)) {
matches.push(match[0]);
}
alert(matches);使用split将不起作用，因为您必须解析出伪类和所有其他可能的CSS语法元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14175595
复制相关文章
腾讯云开发者
