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