如何在javascript中查询数据属性值（无jquery）？

如果我有一个由

ul

（行）和

li

（单元格）组成的网格，我想根据

ul

和

li

的数据属性值得到一个特定的单元格：

document.querySelectorAll(div.grid ul[data-${this.y}] li[data-${this.x}]'_

当我在MDN上搜索时，我只找到了如何基于

数据属性

检索

html元素

，而不是它的值

---

任何指针都将不胜感激-也请不要使用jQuery。

您可以使用字符串插值并使其工作

这是你能做的

document.addEventListener（'DOMContentLoaded'，function（）{
设ulData=2，
liData=4；
document.querySelector（`div.grid ul[data=“${ulData}”]li[data=“${liData}”]”）。classList.add（“红色”）；
});
.red{
颜色：红色；
}



一个


两个


三


四


五


您需要这个吗
document.querySelector（'ul[data-y=“SOME\u ROW\u ID”]li[data-x=“SOME\u COL\u ID”]）
什么是
-${this.y}
do？你是说你需要的是数据，而不仅仅是数据？为什么？我正在将变量this.y的值传递给选择器
document.querySelectorAll（'div.grid ul[data=“”+this.x+”]li[data=“”+this.y+”）
。我仍然不确定这是怎样的
-${this.y}
纯js。