jquery - 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() 方法获取更多信息，请访问此

例如$("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");
});

它工作正常。