Couldn't append variable with single quote to anchor tag's title

Question

I am getting data from database that has single quotes in it. There are no problems in getting that, I get variable with single quotes in it

ex:

var title="vicky's blog";

Now the problem is I am not able to append this variable as title for anchor tag.

I have tried using escape, unescape, replacing with regex and all that. I think i am missing out something, please help.

Please refer to this jsfiddle. Inspect the anchor tag there its not having the full variable as title.

I also tried solutions provided in

score 4 · Accepted Answer · answered Jun 17 '13 at 03:54

4

You need to wrap the title value inside "" in the html element

$("#testing").html('<a href="#" title="'+unescape(title)+'">hello</a>');

But I would recommend

var title="vicky's blog's test dd \" with";

$('<a />', {
    href: '#', 
    title: title,
    html: 'test'
}).appendTo('#testing')

answered Jun 17 '13 at 03:54

Arun P Johny

Thanks a lot Arun The problem with second solution is that i have the anchor tag in the middle of variable like that variable will be having some tr td etc before and after this anchor tag Anyway thanks a lot :) – Vignesh Subramanian Jun 17 '13 at 04:25

score 2 · Answer 2 · answered Jun 17 '13 at 03:55

2

Just create the anchor with jQuery and let it solve the escaping issue:

var $anchor = $('<a>', {
    href: '#',
    title: title,
    text: 'hello'
});
$('#testing').html($anchor);

answered Jun 17 '13 at 03:55

Ja͢ck

score 0 · Answer 3 · edited Jun 20 '20 at 09:12

0

If you want to put text in html you should always html encode the special characters.

`'"<>&`

var title="vicky&apos;s blog";

edited Jun 20 '20 at 09:12

Community

answered Jun 17 '13 at 03:55

Musa

Nagarajan A · Answer 4 · 2013-06-17T14:07:32.767

0

See this i think it will help you: enter image description here

edited Jun 17 '13 at 14:07

answered Jun 17 '13 at 13:58

Nagarajan A