CODEWITHSUNDEEP
javascriptquotes
Acubi
Acubi

Reputation: 2783

How to add single quote in the variable in Javascript?

I have variable var str as following:

var str = <option value="1">tea</option>;

I would like to make it as below

var quote_str = '<option value="1">tea</option>;'

Is there anyone can help me? Thanks in advance!

Edit:

I have tried the following code,however, it's not correct.

var quote_str =  'str';

Upvotes: 18

Views: 117002

Answers (5)

Ricky Levi
Ricky Levi

Reputation: 8007

In my case, i'm unable to use the notation of ${} in rendered Javascript inside Python Mako Templates as it's already using ${} for rendering variables in Mako:

# mako template somewhere
var quote_str = `'${str}'`;

So i just wrote a small function:

# app.js ( a real Javascript file )
function singlequote(text) {
    return `'${text}'`;
}

And then I use:

# mako template somewhere
var quote_str = singlequote(str);

# So i'm able to also use something like:
let btn = '<button type="button" onclick="update(' + singlequote(myid) + "," + singlequote(mystate) + ')"> Update </button>';

Upvotes: 0

Eliran Malka
Eliran Malka

Reputation: 16283

Escape each single quote with a back-slash:

var quote_str = '\'<option value="1">tea</option>;\''

…or wrap the string in quotes of a different kind (i.e. double quotes), but be sure to escape the inner double quotes as to not unintentionally close the string:

var quote_str = "'<option value=\"1\">tea</option>;'"

late update: now we have template literals, so the whole thing becomes a breeze:

var quote_str = `'<option value="1">tea</option>;'`

Upvotes: 5

Akhila Antony
Akhila Antony

Reputation: 31

We can use the backslash () escape character to prevent JavaScript from interpreting a quote as the end of the string.

The syntax of \' will always be a single quote, and the syntax of \" will always be a double quote, without any fear of breaking the string.

Using this method, we can use apostrophes in strings built with ".

'We\'re safely using an apostrophe in single quotes.' We can also use quotation marks in strings built with ".

"Then he said, \"Hello, World!\"";

Upvotes: 2

Guffa
Guffa

Reputation: 700800

I think that you want the semicolon outside the string literal:

var quote_str = '<option value="1">tea</option>';

If you mean that you want apostrophe characters inside the string also, you can use \' to put an apostrophe in a string delimited by apostrophes:

var quote_str = '\'<option value="1">tea</option>\'';

You can also use quotation marks to delimit the string. Then you don't have to escape the apostrophes, but you have to escape the quotation marks:

var quote_str = "'<option value=\"1\">tea</option>'";

If you already have a string, and want to add apostrophes around it, you concatenate strings:

var quote_str =  "'" + str + "'";

Upvotes: 51

Adam Sweeney
Adam Sweeney

Reputation: 386

You can escape characters in Javascript with the \. If that's your issue

Upvotes: 2

Related Questions