带 svg 的 Jquery 选择器
我正在操作一个 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!")
I'm manipulating an svg and I'd like to access the elements by jquery and his selectors but they doesn't seem to work: all the other functions like getJSON and .ajax work without any problem.
The browser load a file.svg, not an html page with svg contents in it. How do I change the value of this text element for example? (this node is a root child)
<text id="green_nick" class="nickname" x="1200" y="279" onclick="takeSeat(evt)">a234567890a2345</text>
// this doesnt work
$.("#green_nick").val("changeit!")
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
由于 SVG 使用非标准元素，因此无法像 DOM 元素一样进行操作。您应该查看 jQuery SVG 来操作 SVG 元素。
As SVG uses non-standard elements, it can't be manipulated like DOM elements. You should look at jQuery SVG to manipulate SVG Elements.
如果您有一点时间进行短暂的学习，但可以带来很多好处，那么 jQuery SVg 就是您的解决方案
将您的 SVG 转换为 Kieth 的 jQuery SVG。你可以从他的包中添加一个 jQuery SVG Lin，它允许你控制 Dom
另请查看转换器上的“矩阵”图表
http://irunmywebsite.com/raphael/SVGTOHTML_LIVE.php
选择下拉列表中的第三个选项，因为前两个选项用于另一个 SVG 库
您将找到补充上述信息的 Matrix 信息来控制 Dom
jQuery SVg is the solution if you have a little time for a short learning curve that delivers a lot
Convert your SVG into Kieth's jQuery SVG. You cam add a jQuery SVG Lin from his package which allows you to control the Dom
Also view the "matrix" chart on the converter
http://irunmywebsite.com/raphael/SVGTOHTML_LIVE.php
Choose the 3rd option on the dropdown as the first 2 are for another SVG library
You will find the Matrix info that complements the above information to control the Dom