jquery - jQuery: SVG tspan に html シンボルを書き込む

Question

°jQuery を使用して TSPAN 要素にHTML シンボル ( など) を書き込もうとしています。単純な SPAN では簡単です。

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

TSPAN を使用すると、この方法は機能しません。

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

何も出力されません。

と

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

°°（明らかに）の代わりに印刷されます

JSFiddleを見てください

どのようにできるのか？

Answer 1

.append()これには関数を使用できます

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

フィドル

Answer 2

SVG ノードは HTML ではないため、innerHTML プロパティがありません。つまり、jQuery のhtml()メソッドで設定することはできません。

したがって、エンティティを使用することは問題外ですが、挿入する前に変換できます。

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

フィドル