CODEWITHSUNDEEP
javascript
Beginner
Beginner

Reputation: 1740

queryselector error not a valid selector javascript

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 ?

Upvotes: 0

Views: 4542

Answers (1)

ericsmc83
ericsmc83

Reputation: 76

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}"]`);

Upvotes: 3

Related Questions