jQuery selector fails with double quotes in string

Question

I'm using the following selector with a string containing double quotes:

var something = 'This string contains "double" quotes';

$('*[my-data-attribute="' + something + '"]').click(function () {

});

This gives:

Uncaught Error: Syntax error, unrecognized expression

Which could be the best solution to solve it ?

Have you tried using backticks(``) for the selector instead of the single quote? — AverageGod, Jun 22 '21 at 08:47
Does this answer your question? [quotes in Jquery selectors](https://stackoverflow.com/questions/28817338/quotes-in-jquery-selectors) Use: `$('*[my-data-attribute="' + something.replace(/"/g, '\\"') + '"]')` — freedomn-m, Jun 22 '21 at 08:48
use \ slash, the best or easy way to manage single and double quotes. — Zaid Bin Khalid, Jun 22 '21 at 08:50

score 0 · Answer 1 · edited Jun 22 '21 at 08:53

0

You can't use one single quote and second double-quotes. You need to use the same quote like

var something = 'This string contains "double" quotes';

$('*[my-data-attribute="" + something + ""]').click(function () {

});

edited Jun 22 '21 at 08:53

demo

answered Jun 22 '21 at 08:50

Codexs

Hi, welcome to SO. You can create a snippet (edit and click `[<>]`, copy in your code and add jquery from the options on the left) to demonstrate your code working. In this case your code gives a similar error: `Syntax error, unrecognized expression: *[my-data-attribute="" + something + ""]` Using `""` doesn't "escape" the quote in javascript (it may in other languages (VB?)) – freedomn-m Jun 22 '21 at 08:58

1 Answers1