jQueryまたはJavaScriptを使用して、HTMLページからSVGコードを取得するにはどうすればよいですか？

Question

私はこのようなSVGで簡単なthmlページがあります。このSVGから

<rect width="105.71429" height="80" x="351.42856" y="152.36218" id="rect1" style="fill:#008000"></rect> 

：私は文字列を取得できますか

<div id="plan"> 
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
<g id="layer3"> 
    <rect width="105.71429" height="80" x="351.42856" y="152.36218" id="rect1" style="fill:#008000"></rect> 
    <rect width="120" height="85.714287" x="500" y="389.50504" id="rect2" style="fill:#008000"></rect> 
</g> 
</svg> 
</div> 

。 jqueryとjquery svgを使用できます。 1

[ここにリンクの説明を入力します]

var str = $("#plan #rect1")[0]; 

変数strは、[オブジェクトSVGRectElement] です：私はこの文字列を取る

コンソールで

$(document).ready(function() { 
    console.log($("#plan #rect1")[0]); 
}) 

、しかし、私はこのような変数に文字列を取得する必要があります：私はしてみてください

Answer 1

$('#rect1')[0] 

これが役立ちます。 jQuery要素の代わりにタグにアクセスする場合は、[]を使用してカプセル化要素を取得します。

編集：

This should do the trick for you。

解決策は、選択内容を別のタグにラップし、その内容を表示するために.html（）を呼び出すことです。

そうでない場合、あなたのhtmlでいくつかの問題を持って、あなたの一時のdivにそれを追加する前に.clone（）の呼び出しを忘れないでください:)

Answer 2

をで私のために明確ではありませんでした以前の答えを（結合するにはSVG文字列を取得する方法は次のとおりです：

var str = $('<div>').append($('#plan #rect1').clone()).html();