在鼠标悬停在SVG上时，将悬停类添加到链接

Question

当我将鼠标悬停在SVG组上时，我希望添加一个悬停类来为页面上的链接添加样式。我一直在寻找，但找不到解决方案，我很确定我可以使用snap.js，但它似乎有点矫枉过正，因为我只需要在一个链接上进行，并且必须有一个更简单的解决方案。

谢谢

Jquery的：

 $('#largehand').hover(
          function(){ $('.link--urpi').addClass('hover') },
          function(){ $('.link--urpi').removeClass('hover') }
   )

HTML：

<g id="largehand">
    <path d="M311.854,102.928c-0.407,4.451,7.842,3.348,11.121,2.695c1.961-0.381,3.431-3.498,1.472-4.192
            l-12.171,1.116C312.1,102.533,311.826,102.832,311.854,102.928z"/>
<g>
<a class="link--urpi" href="#" ></a>