如何在没有 jquery 的情况下按属性选择项目？答案

【问题标题】：How to select an item by attribute without jquery?如何在没有 jquery 的情况下按属性选择项目？
【发布时间】：2015-12-17 20:12:58
【问题描述】：

我需要这样的选择元素：$('[data-key=' + objectId + ']')，但我需要在没有 jquery 的情况下选择这个，在纯 JS 上使用 document.querySelector 或其他东西。

【问题讨论】：

标签： javascript jquery performance

【解决方案1】：

您可以使用document.querySelectorAll('[data-key=' + objectId + ']') 来完成并遍历所有结果

var allKeys = document.querySelectorAll('[data-key=' + objectId + ']');

[].forEach.call(allKeys, function(elem){
   console.log(elem); //Do your stuff with each element
});

【讨论】：

@BenilMathew 谢谢 :)
但是，'[data-key=' + objectId + ']' 无效选择器：\
我不知道：screenshot
你能发个小提琴吗？
@skriming 属性值必须以字符串开头。你可以在属性值之前放一个前缀字母

【解决方案2】：

你可以试试这个

<p data-test="testquery">

document.querySelectorAll('[data-test]')

【讨论】：