如何使用jQuery或JavaScript从html页面获取SVG代码？

Question

我有简单的HTML页面,像这样的svg:

<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>

我怎么能得到字符串:

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

从这个svg.我可以使用jquery和jquery svg.我尝试:

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

在控制台我采取这个字符串,但我必须在变量中获取字符串,如下所示:

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

变量str是[对象SVGRectElement] [在此输入链接描述] 1

Answer 1

要结合以前的答案(最初对我来说并不清楚),获取SVG字符串的方法如下:

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