使用JQuery在组内定位SVG路径

Question

是否可以让函数仅对指定组内的路径起作用？

我在具有多条路径的内联SVG图像上使用它：

$(document).ready(function() {
    $("path").mouseenter(function() {
     etc....

它完成了我想要它做的事情，但它在每条路径上都有作用，我只想让它在特定的路径上工作。我已经尝试使用g id =＆＃34;示例＆＃34;对我想要的路径进行分组，因此我可以针对那些但我无法使其工作。我不知道如何正确引用它们，是否可能？

Answer 1

您将需要使用更具体的选择器。我使用了vanilla javascript来绑定特定SVG元素的点击，它就像普通的html一样。如果你想要g＃示例中的路径，只需使用jq子选择器或$（'#examples path'），后者效率较低。

var test = document.getElementById('n');
test.addEventListener('click', function() {
  alert('hello');
});

See fiddle.