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

我有简单的HTML页面，像这样的svg：

我怎么能得到字符串：

从这个svg。 我可以使用jquery和jquery svg。 我试试：

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

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

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

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

Answer 1

 $('#rect1')[0] 

这应该有所帮助。 如果要访问标记而不是jQuery元素，请使用[]获取封装元素。

编辑 ：

这应该是你的伎俩 。

解释的解决方案是将您的选择包装到另一个标签中并在其上调用.html（）以显示其内容。

在将它附加到你的临时div之前不要忘记.clone（）调用，否则你的html会遇到一些麻烦:)

Answer 2

要结合以前的答案（最初对我来说并不清楚），获取SVG字符串的方法如下：

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