Javascript - how to handle the single quote?

Question

When i click the following it fails.

php render/html:

<div class="a" onclick="test('25', 'l'Espagne')" >

js:

function test(id, name) {
  alert(name); 
}

Answer 1

You can escape the quote mark with a \ whenever you need a single quote inside of a pair of single quotes. This also works for double quotes, if needed.

function test(id, name) {
  alert(name);
}

<div class="a" onclick="test('25', 'l\'Espagne')">Click Me</div>

Answer 2

You can use template literals if you're not worried about supporting old browsers (incl. IE):

function test(id, name) {
  alert(name);
}

<div class="a" onclick="test('25', `l'Espagne`)">Click Me</div>

Answer 3

Escape it with a backslash

test('25', 'l\'Espagne')

Answer 4

You'll need to escape it with a back slash "\". For example,

test('25', 'l\'Espagne')

For more information on escape characters, see

• \' single quote
• \" double quote
• \ backslash
• \n new line
• \r carriage return
• \t tab
• \b backspace
• \f form feed
• \v vertical tab (IE < 9 treats '\v' as 'v' instead of a vertical tab ('\x0B'). If cross-browser compatibility is a concern, use \x0B instead of \v.)
• \0 null character (U+0000 NULL) (only if the next character is not a decimal digit; else it’s an octal escape sequence)

Source: https://stackoverflow.com/a/21672439