子SVGノードの塗りつぶしをJqueryで探しますか？

Question

私は5人の子供> 1サークルと4パスのsvgを持っています。それぞれに異なる塗りつぶし色があります。どの子供がクリックされたのかを理解して、それを返すことは可能ですか？

のような何か...

$("#svgname").click(function(){ 
    alert($(clickedchildname).attr("fill")); 
}); 

ありがとうございました。

UPDATE：

私のコードは次のように設定されている...

HTML

<div class=""> 
    <img src="img/colorsystem/darkblue.svg" height="170" width="170" id="darkblue"> 
</div> 

JS

$("#darkblue").children('g').children().click(function(){ 
    alert($(this).attr("fill")); 
}); 

SVG

<?xml version="1.0" encoding="utf-8"?> 
<svg> 
<g id="darkblueholder"> 
    <circle id="base" class="st0" cx="85.1" cy="84.3" r="71.4"/> 

Answer 1

はい、それはSVGをインラインでchildren方法、使用可能です：あなたも.children('path, circle')を使用して、子のタイプを指定することができ

<svg height="170" width="170"> 
    <use id="svgname" xlink:href="img/colorsystem/darkblue.svg#darkblueholder"></use> 
</svg> 

$($("#svgname").attr("instanceRoot")).children().click(function(){ 
    alert($(this).attr("fill")); 
}); 

：useによって

$("#svgname").children().click(function(){ 
    alert($(this).attr("fill")); 
}); 

または参照を。

imgを使用してロードされたsvgツリーにアクセスすることはできません。です。です。