javascript - 如何根据其数据集并使用模板字符串选择元素？

Question

我正在尝试使用模板字符串选择一个 data-id 等于变量的段落元素，但这只会导致错误，指出它不是有效的选择器。这是它的样子：

document.querySelector(`p.dataset.id="${item.name}"`);

我该如何以另一种方式做到这一点，为什么这不起作用？

标签： javascript

Answer 1

您应该使用属性选择器（等于）：

p[data-id=${item.name}]

演示：

var item = {name: 'test'};
var p = document.querySelector(`p[data-id=${item.name}]`);
console.log(p.textContent);

<p data-id="test">Test Content</p>