jquerysvgtspan

jQuery: write html symbols in SVG tspan

I'm trying to write HTML symbols (like °) in a TSPAN element with jQuery. In a simple SPAN it's easy:

$('#span_id').html('°');

With the TSPAN this way doesn't work, if I use

$('#tspan_id').html('°');

nothing is printed out.

With 

$('#tspan_id').text('°');

° is printed instead of ° (obviously)

Look at the JSFiddle

How can I do?

Solution

  • You can use the .append() function for this

    $('#tspan_id').empty().append('°');

    FIDDLE