属性名称模式的JavaScript / CSS选择器

Question

假设我有以下标记

<div data-common-notcommon="anyValue">
    <!-- Whatever.. -->
</div>

<div data-common-not-commonerthing="anyValue">
    <!-- Whatever.. -->
</div>

我正在尝试编写JS选择器（或CSS选择器，不在乎它们之间的区别..），以基于通用的部分属性名称查找属性。

IE浏览器我想找到所有以data-common开头的元素。

我在Google上找不到用于属性名称选择器的任何内容，而是我真正不想做的属性值选择器。

<script>
  document.querySelectorAll('[data-common]'); // []
  document.querySelectorAll('[data-common*]'); // []
  // etc..
</script>

Answer 1

当前，没有定义用于部分匹配属性名称的选择器。 您所要求的不存在。

对于JavaScript，您可以使用自定义代码（这就是jQuery的功能）过滤元素集合，但是它不适用于document.querySelectorAll ，也不能为CSS定义自定义选择器，除非您愿意在w3c邮件列表，并处理导航更改CSS语言所涉及的复杂工作流程。