使用jQuery选择器与SVG

Question

我正在操作一个SVG，希望能够通过jQuery及其选择器访问元素，但它们似乎不起作用：所有其他函数如getJSON和.ajax都可以正常工作。

浏览器加载的是一个file.svg文件，而不是其中包含SVG内容的HTML页面。例如，如何更改此文本元素的值？（此节点为根子节点）

<text id="green_nick"  class="nickname" x="1200" y="279" onclick="takeSeat(evt)">a234567890a2345</text>

// this doesnt work
$.("#green_nick").val("changeit!")

- Damiano Barbati

Answer 1

由于SVG使用非标准元素，因此无法像DOM元素一样进行操作。您应该查看jQuery SVG以操作SVG元素。

- ldiqual

Answer 2

如果你有一点时间来学习，想要快速转换SVG并获得很多好处，那么jQuery SVG就是解决方案。 将你的SVG转换为Keith的jQuery SVG。你可以从他的包中添加一个jQuery SVG Lin，它允许你控制Dom。 还可以在转换器上查看“矩阵”图表。

http://irunmywebsite.com/raphael/SVGTOHTML_LIVE.php

在下拉菜单中选择第三个选项，因为前两个选项是针对另一个SVG库的

您将找到矩阵信息，这补充了上述信息以控制Dom

- Chasbeen