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");设置所有 body 的<p>元素背景颜色为红色。

对于您的问题，请尝试以下操作:

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

// your jquery code here

}
);