代码功能是检测一个html元素中是否包含某个类,但是在使用正则的过程中我就是不理解为什么要加分组,分组的作用是什么,以及在这里是怎么去匹配的,如果没加分组会如何?
我试过了,如果不加分组,匹配是不正确的。
![screenshot](https://oss-cn-hangzhou.aliyuncs.com/yqfiles/71d1a2a7319e83040e7c171010de720ed7e953ed.png
function hasClass(element, cName) {
return (' ' + element.className + ' ').indexOf(' ' + cName + ' ') > -1;
}
推荐这样写,兼容ie6+
不分组,生成的正则是 s|^bbbs|$ 意思是匹配 s 或 ^bbbs 或结束这3种情况,除非你的class是空或只有bbb才能匹配。
分组,生成的正则是 (s|^)bbb(s|$) 意思是匹配 空格或开头,然后是bbb,然后是空格或结束,这三部分组成的四种情况。
class="bbb ccc" 是 ^bbbs 的组合匹配到的
class="aaa bbb" 是 sbbb$ 的组合匹配到的
class="aa bbb cc" 是 sbbbs 匹配的
class="bbb" 是 ^bbb$ 匹配的
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。