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");、body のすべての<p>要素の background-color を赤に設定します。

あなたの質問については、これを試してください：

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

// your jquery code here

}
);