如何在querySelectorAll中使用通配符匹配类名?
[class^="foo bar row-id"]将匹配您所寻找的内容。这将搜索以.foo bar row-id开头的所有类。您也可以将class交换为任何其他HTML属性。
[class$="foo bar row-id"]将匹配以您的查询结尾的class。
[class^="foo bar row-id"]将匹配包含查询的所有类。
Example:
var items = document.querySelectorAll('[class^="foo bar row-id"]');
![](https://img2022.cnblogs.com/blog/815910/202207/815910-20220715115939222-1091501678.png)