RaphaelJS：循环遍历形状数组和onmouseevent选择除触发之外的所有其他形状

Question

我的头衔可能不太清楚，所以我会添加一些解释。我使用RaphaelJS创建了地图。我有不同的地区，我在设置时会设置添加不同的动画/属性。

我现在面临的主要问题是，当我徘徊时，所有其他没有徘徊的形状都会消失。通过添加一个类＆＃34; hovered＆＃34;我可以轻松地为许多HTML元素做到这一点。当事件被触发但这对拉斐尔不起作用，或者至少我不知道如何将一个类应用于一个形状。

以下是我的一些代码：

var regions = {}; // I'm putting all my shapes in there. for example region.myRegion = paper.path();

for (var state in region) {
  region[state].color = "#c6d2ec";
  (function (st, state) {
    st[0].style.cursor = "pointer";

    st[0].onmouseover = function () {
      st.animate({fill: st.color}, 100);
      st.animate({transform: "s1.3"}, 100);
      paper.safari();

    };

    st[0].onmouseout = function () {
      st.animate({fill: "#e5e5e5"}, 300);
      st.animate({transform: "s1"}, 100);
      paper.safari();

    };
  })(region[state], state);
}

有人能给我一些如何实现这个目标的提示吗？感谢。