香草javascript前缀以css选择器开头

有没有人知道一种可靠的方法，可以在不关闭浏览器的情况下，在整个dom上运行vanilla js中的[class^='xyz-']css选择器搜索，而不需要任何库

基本上是一个$'[class^=xyz-]'。不使用jQuery的长度检查。。。它只需要找到一个事件，就可以中断；紧接着

谢谢大家!

---

编辑：应该是跨浏览器和移动的，可能是ie7+

您可以将其与querySelector结合使用

如果需要多个元素，也可以使用querySelectorAll执行此操作

---

下面是一个将项目记录到控制台的对话框。

您可以将其与querySelector结合使用

如果需要多个元素，也可以使用querySelectorAll执行此操作

---

下面是一个将项目记录到控制台的示例。

使用XPath非常简单。速度也更快

var xpathResult=document.evaluate 'count//div[开始-with@class，xyz-]'， 文件 无效的 XPathResult.ANY_类型，null； snippet.logxpathResult.numberValue；

---

使用XPath非常简单。速度也更快

var xpathResult=document.evaluate 'count//div[开始-with@class，xyz-]'， 文件 无效的 XPathResult.ANY_类型，null； snippet.logxpathResult.numberValue；

---

---

我可以，但我也可以在社区驱动的问答网站上询问，如果有人已经知道这样做的好方法，而不必花3天的时间进行黑客攻击，最终可能会得到一个半工作的解决方案，如果有一个可重用的解决方案足够简单，可以跨浏览器可靠地工作，那么你真的认为人们会使用jQuery及其同类产品吗？如果你想要一个潜在客户，那就去调查一下，看看各种各样的多功能填充物——比如Sizzle。我可以，但我也可以在一个社区驱动的问答网站上询问，如果有人已经知道一个很好的方法来做这件事，而不必花3天的时间进行黑客攻击，最终可能会得到一个半工作的解决方案。寻找slim库，如果有一个可重用的解决方案足够简单，可以跨浏览器可靠地工作，那么你真的认为人们会使用jQuery及其同类产品吗？如果你想要一个潜在客户，那就去看看各种各样的填充物，比如Sizzle.hmm。。。看起来很整洁。。。表示不支持IE:/I还需要在任何浏览器上运行它。。。包括手机这是真的。如果是这样的话，您几乎只能使用Sizzle/jQuery，或者自己遍历DOM并手动计数，这是Sizzle无论如何都会做的事情。如果HTML在您的控制下，您还可以在设置xyz foo类时设置xyz类。然后查找所有.xyz元素就更容易了，现有的多边形填充可以针对它。嗯。。。看起来很整洁。。。表示不支持IE:/I还需要在任何浏览器上运行它。。。包括手机这是真的。如果是这样的话，您几乎只能使用Sizzle/jQuery，或者自己遍历DOM并手动计数，这是Sizzle无论如何都会做的事情。如果HTML在您的控制下，您还可以在设置xyz foo类时设置xyz类。那么查找所有.xyz元素就更容易了，现有的polyfills可以针对它。需要它在几乎所有浏览器上运行吗？有没有简单的方法可以在不加载大量库的情况下进行简单的回退？@Tobias你是在问它是否在所有浏览器上运行吗？正确-我不确定它是否支持旧浏览器我很确定这在旧浏览器上可以工作，基本上任何支持querySelector@Tobias我已经在几个旧的浏览器上测试过了，它在所有浏览器上都有效。它应该适合您的需要它可以在几乎所有浏览器上运行-有没有简单的方法可以在不加载大量库的情况下进行简单的回退？@Tobias您是在问它是否在所有浏览器上运行吗？正确-我不确定它是否支持旧浏览器我很确定这可以在旧浏览器上运行，基本上任何支持querySelector@Tobias我已经在几个旧的浏览器上测试过了，它在所有浏览器上都有效。它应该适合你的需要

document.querySelector("[class^='xyz-']");