queryselector错误不是有效的选择器javascript

Question

let selector = document.querySelector(`[data-id=${element.id}}]`);

produces an error 产生一个错误

Failed to execute 'querySelector' on 'Document': '[data-id=484}]' is not a valid selector.

any idea how can I fix this ? 知道我该如何解决吗？

Answer 1

Looks like you have an extra closing curly bracket. 看起来您有一个额外的大括号。 Try: 尝试：

let selector = document.querySelector(`[data-id=${element.id}]`);

EDIT 编辑

Try also putting quotes around the attribute value: 也尝试在属性值两边加上引号：

let selector = document.querySelector(`[data-id="${element.id}"]`);