How to escape single or double quote in JavaScript?

Question

I am trying to replace quote (') with \' so as to escape escape quote or double quote in string

<ul id="list">

</ul>
<button id="sethrefbtn" onclick="setlink();">Set Link</button>

function setlink(){    
    var data = {  
        playerID : 102458,
        playername: "Real Madrid's cristiano Ronalado"
    }  
listring= "<li><a href='SearchServlet?q=" + data.playername.replace(/'/g, "\'"); + "&playerid=" + data.playerID + "&page=1#pg0'>"+ data.playername +"</a></li>";      

 $("#list").append(listring);

}

Here is fiddle: fiddle

The desired output should be:

<a href="SearchServlet?q=Real Madrid's cristiano ronalado&playerid=102458&page=1#pg0">Real Madrid's cristiano Ronalado</a>

What's your desired output? If you want the string to contain a backslash you need to escape it in your string literal: "\\'" — nnnnnn
– nnnnnn, Commented Apr 29, 2015 at 11:51

Quentin · Accepted Answer · 2015-04-29 11:54:20Z

Your problem is being caused by it being in an HTML attribute (so you need to convert it to an HTML character reference and not escape it). You should deal with that by using DOM instead of string mashing to build your HTML.

However, in this particular case, you are putting it in a URL, so you should be escaping it for URLs first.

You can do that with encodeURIComponent, but since you are building an entire query string and are using jQuery, you can use param instead.

function setlink() {
  var data = {
    playerid: 102458,
    q: "Real Madrid's cristiano Ronalado",
    page: 1
  }

  var url = "SearchServlet?" + $.param(data);

  var li = $("<li />").append(
    $("<a />").text(data.q).attr('href', url)
  );

  $("#list").append(li);

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="list">

</ul>
<button id="sethrefbtn" onclick="setlink();">Set Link</button>

Amaranadh Meda · Accepted Answer · 2015-04-29 11:59:40Z

1

listring= "<li><a href='SearchServlet?q=" + data.playername.replace(/'/g, "\'") + "&playerid=" + data.playerID + "&page=1#pg0'>"+ data.playername +"</a></li>";

Just replace the above statement in the code . There is a semicolon in the middle of the statement in your code.

answered Apr 29, 2015 at 11:59

Amaranadh Meda

7244 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to escape single or double quote in JavaScript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related