内联 SVG 上的 Jquery 切换类

标签 jquery svg

我有一个带有内联 SVG(站点地面植物的考古图)的布局,侧边栏中有一些解释性文本,我想更改我在 SVG 中创建的组的一些属性通过切换不同组的类别。
我正在尝试使用 JQuery 的 toggleClass()但它不起作用。我想将类上的更改绑定(bind)到 <span> 上的一些点击事件侧边栏上的元素。
Jquery 不能与 SVG 一起使用吗?

最佳答案

没有。 jQuery 旨在与 HTML 配合使用。 SVG 元素位于 SVG 命名空间中,jQuery 函数通常不适用于它们。

您可以使用 setAttribute() 修改 SVG 元素的 class:

mysvgelement.setAttribute("class", someclass);

或者使用各种 JS 支持库之一进行 SVG 操作。

关于内联 SVG 上的 Jquery 切换类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29352804/

相关文章:

javascript - Highcharts 不起作用

javascript - 如何使用 js 或 jQuery 向 ajax 请求添加自定义 HTTP header ?

javascript - jQuery 实时验证不起作用

html - 更改 svg+xml;base64 图像的颜色

javascript - 追加函数中的动态返回值

javascript - Jquery getScript 缓存

javascript - jspdf 自动表格 : Target style for specific row of a table

javascript - 使用 JointJS 磁铁时获取无效路径值

svg - 使用 ImageMagick 将带有自定义字体的 SVG 转换为 PNG

javascript - 如何为 x 轴工具提示中的标签添加值?