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

假设我有以下标记

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

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

---

目前没有定义部分匹配属性名称的选择器。你所要求的并不存在

---

对于JavaScript，您可以使用自定义代码（jQuery就是这样做的）过滤元素集合，但它不适用于

document.querySelectorAll

，也不能为CSS定义自定义选择器，除非您愿意在w3c邮件列表中提出建议，并处理涉及更改CSS语言的复杂工作流的导航。

不确定，但

[data common*]

可以工作吗？不行，我已经尝试过了，它给了我一个无效的选择器错误。看看这个。我想这就是你要找的，不是。这是为了编写jQuery选择器。除非完全必要，否则我不喜欢或使用jQuery。我正在尝试写一个选择器，而不是那个帖子正在写的过滤函数，这些都是相似的，但不是相同的问题。太好了，谢谢。我只是需要澄清一下。如果这方面的技术成熟了，我会更新这篇文章。

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