更新: 在过去的几年里,情况发生了翻天覆地的变化。您现在可以可靠地使用 querySelector 和 querySelectorAll ,请参阅 Wojtek 的回答 以了解如何执行此操作。
现在不需要 jQuery 依赖项。如果您使用的是 jQuery,那太好了……如果您不使用,则无需再依赖它来通过属性选择元素。
在 vanilla javascript 中没有很短的方法可以做到这一点,但是有一些可用的解决方案。
你做这样的事情,遍历元素并检查属性
如果可以选择像 jQuery 这样的库,您可以更轻松地完成它,如下所示:
$("[myAttribute=value]")如果该值不是有效的 CSS 标识符(其中包含空格或标点符号等),您需要在该值周围加上引号(它们可以是单引号或双引号):
$("[myAttribute='my value']")您还可以执行 start-with 、 ends-with 、 contains 等… 属性选择器有多个选项。
原文由 Nick Craver 发布,翻译遵循 CC BY-SA 4.0 许可协议