JQuery和SVG - 如何找到'g'标签

Question

想象一下：

<svg>
    <g id="node1" class="node"></g>
    <g id="node2" class="node"></g>
</svg>

如何找到'g'标签，我想要点击所有标签，而不仅仅是'node1'或'node2'。我已经尝试过类似于此，但无法使其正常工作。

$('g').click(function(){
    alert("Hellooooo");
});

Answer 1

使用find（）方法获取更多信息，请访问this

例如，$("body").find("p").css("background-color","#f00");将所有正文的<p>元素背景颜色设置为红色。

对于你的问题，试试这个：

$("svg").find("g").click(function(){

// your jquery code here

}
);

Answer 2

感谢C-Link，我已经解决了这个问题。

为了确保只有节点是可点击的，我已经写了：

$("svg").find("g.node").click(function(){
    alert("Lolol");
});

它运作正常。