内联SVG上的Jquery toggleClass

Question

我有一个带内联SVG的布局（一个站点地板工厂的考古图），边栏中有一些解释性文字，我想改变我在SVG内部制作的组的一些属性通过切换不同组的类。
我正在尝试使用JQuery的toggleClass()，但它不起作用。我想将类的更改绑定到侧栏上<span>元素上的一些点击事件 Jquery不能与SVG一起使用吗？

Answer 1

没有。 jQuery旨在使用HTML。 SVG元素位于SVG名称空间中，jQuery函数通常不适用于它们。

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

mysvgelement.setAttribute("class", someclass);

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