® becomes ® in jQuery

Question

I have a jQuery code where I am trying to append to an existing div a label tag which contains a URL. Below is the code:

var strURL = 'http://financials.morningstar.com/ratios/r.htmlt=tup&region=usa&culture=en-US';
var str = '<li>';
str += '<label style="font-family:Arial;">' + strURL + '</label>';
str += '</li>';
$('#existingDiv').append(str);

When the page is actually displayed it shows the URL as:

http://financials.morningstar.com/ratios/r.html?t=tup®ion=usa&culture=en-US

try [encodeURI](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/encodeURI) before appending — empiric, Dec 22 '16 at 14:55
I can't duplicate the problem, can you make a jsfiddle that demonstrates it? — Cruiser, Dec 22 '16 at 14:57
what browser? AFAIK the `&reg` shouldn't get recognised as an HTML entity without a trailing semicolon — Alnitak, Dec 22 '16 at 14:58

kukkuz · Accepted Answer · 2016-12-22T15:21:43.790

5

A quick fix would be to add the label as a text as a second step after appending the html to the existingDiv - see demo below:

var strURL = 'http://financials.morningstar.com/ratios/r.htmlt=tup&region=usa&culture=en-US';
var str = '<li>';
str += '<label style="font-family:Arial;">' + '</label>';
str += '</li>';
$('#existingDiv').append(str);
$('#existingDiv label').text(strURL);

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

edited Dec 22 '16 at 15:21

answered Dec 22 '16 at 14:57

kukkuz

41,512
6
59
95

1

Thanks for your help. That did the trick. – desiguy Dec 22 '16 at 15:06

® becomes ® in jQuery

1 Answers1