使用querySelectorAll查找以逗号分隔的属性的匹配项

Question

是否有一种简单的方法可以实现这一目标，或者我需要考虑一些循环方法：

我有一些类似的HTML：

<div tags="class, school, work">...</div>

我想获得一个（或多个）这些标签的所有div。我知道我可以进行全面比赛 document.querySelectorAll('[tags="class, school, work"]');

但是我只能搜索一个吗？

document.querySelectorAll('[tags="school"]');

谢谢。

Answer 1

一种替代方法是使用此选择器[tags*="school"]

[attribute*=value]选择器匹配属性值包含指定值的每个元素

console.log(document.querySelector('[tags*="school"]').textContent);

<div tags="class, school, work">...</div>