Escaping Apostrophe (Single Quote) Character in JavaScript and HTML

document.querySelector('#myDiv').innerHTML =    '<a href="javascript:foo(`ba\'r`)">link</a>';
function foo(data) {  console.log(data);}

<div id="myDiv"></div>

How to escape the single quotes and double quotes at the same time

Use a backslash character (\) to escape it:

$("#divId").html('<div onclick="location.href=\"xxx\""');

Here are characters that need to be escaped in javascript strings:

• Horizontal Tab: \t
• Vertical Tab: \v
• Nul char: \0
• Backspace: \b
• Form feed: \f
• Newline: \n
• Carriage return: \r
• Single quote: \'
• Double quote: \"
• Backslash: \\

As stated in the comments, I would do something different in this case:

$('#divId').html('<div id="foo">');
$('#foo').click(function() {
    window.location.href = 'xxx';
});

Escape single quote in JavaScript

Use jQuery to set the value;

function makeTitleEditable($titleContainer){
    $titleContainer.replaceWith(
       $("<input id='poll_title' name='poll[title]' type='text'>").val($titleContainer.text())
    );
}

How can I escape a single quote?

You could use HTML entities:

• ' for '
• " for "
• ...

For more, you can take a look at Character entity references in HTML.

Escape single quotes in title

You can use double quote:

myTitle = "abc '' def";
document.write('<img title="' + myTitle + '" src="http://www.example.com/image.png" />');

or escape the quote:

myTitle = "abc '' def";
document.write("<img title='" + myTitle.replace(/'/g, ''') + "' src='http://www.example.com/image.png' />");

---

Related Topics