jQuery：在SVG中写html符号tspan

Question

我试图用jQuery在TSPAN元素中编写HTML符号（如°）。 在一个简单的SPAN很容易：

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

随着TSPAN这样是不行的，如果我使用

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

没有打印出来。

随着

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

°打印，而不是°（显然）

Look at the JSFiddle

我该怎么办？

Answer 1

可以使用.append()功能此

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

FIDDLE

Answer 2

SVG节点没有innerHTML属性，因为它们不是HTML，这意味着它们不能用jQuery的html()方法进行设置。

使用实体因此出了问题，但你可以在插入之前将它们转换：

var txt = $('<div />').html('&deg;').text(); 
$('#tspan_id').text(txt); 

FIDDLE