Use HTML character names in jquery span text

Question

I want to update the content of a span like so:

$('#myElement').text('£' + parseFloat(myPrice));

But the HTML does not render the £ correctly when updated. There are other instances where I want to use a different symbol as well.

Is there a way around this?

Answer 1

You need to use the html() method as text() encodes the value. Try this:

$('#myElement').html('£' + parseFloat(myPrice));

Answer 2

 $(function(){ var myPrice = "403"; $('#price').html('£' + parseFloat(myPrice)); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <p id="price"></p>