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!")

Answer 1

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

Answer 2

jQuery SVg是一个解决方案，如果你有一点时间来提供一个很短的学习曲线将您的SVG转换为Kieth的jQuery SVG。你可以从他的软件包中添加一个jQuery SVG Lin，它允许你控制Dom 另请查看转换器上的“矩阵”图表

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

选择下拉列表中的第3个选项，因为前2个用于另一个SVG库

您将找到补充上述信息以控制Dom

的Matrix信息

jvery选择器与svg

2 个答案: