获取所有以班级名称开头的项目

我试图只显示某些div。我决定执行此操作的方法是先隐藏所有以“ page”开头的元素，然后仅显示正确的divs。这是我的（简化）代码：

    
    
    

Some content
Some content
Some content
Some content

当我console.log(items);得到一个空白数组时。我很确定regexp是正确的（获取所有以'page'开头的项目）。我使用的代码是老式的JS，但我并不反对使用jQuery。另外，如果有不使用regexp的解决方案，那也很好，因为我是使用regexp的新手。

getElementsByClassName仅在类上匹配，而不在类中匹配。您不能将正则表达式传递给它（可以，但是它将被类型转换为字符串，这是无益的）。

最好的方法是使用多个类…

即这个div是一个页面，它也是一个page1。

然后，您可以简单地进行操作document.getElementsByClassName('page')。

失败的话，您可以查看querySelector和子字符串匹配的属性选择器：

document.querySelectorAll("[class^=page]")

…但这仅在class属性中列出pageSomething的第一个类名有效。

document.querySelectorAll("[class*=page]")

…但这将与提及“ page”的类属性匹配，而不仅限于那些以“ page”开头的类的属性（即它将匹配）class="not-page"。

也就是说，您可以使用最后一种方法，然后遍历.classList以确认元素是否匹配。

document.querySelectorAll("[class^=page]")