Javascript 对所有SVGsnap.SVG重复代码功能

如何将单击事件功能添加到所有5个路径使用s.selectAllpath返回一组所有路径。然后，您可以使用forEach应用您的click函数在它们之间循环

//包装现有的 var s=Snapmysvg； //选择嵌套元素的内部 //并添加单击事件处理程序“changeColor” var path=s.selectAllpath； forEachfunctionelem路径{ //创建一个对象。主要是跟踪下一个要更改的颜色。 var obj={ 颜色：红色， 计数：1 }; 元素。点击改变颜色； //函数循环显示图像的颜色 //单击后从红色到橙色再到绿色再到红色 函数变色{ 开关对象计数{ 案例1： obj.color=‘红色’； obj.count=2； 打破 案例2： obj.color=‘橙色’； obj.count=3； 打破 案例3： obj.color='绿色'； obj.count=1； } 元素属性{ 填充：obj.color }; }; };

---

s、 选择路径选择第一条路径。我需要每个路径独立地在3个或更多状态之间切换。请注意，如果您使用数字id，并且希望使用与CSS匹配的id来定位它们，您会发现这比使用非数字id更为棘手。