Get Element innerhalb einer SVG-Element klicken Sie auf

Question

ich zwei verschachtelte <svg> Elemente wie folgt:

<svg id="main_svg"> 
    <svg data="business" id="something"> 
     <rect> 
      // Code for rectangle 
     </rect> 
    </svg> 
</svg> 

Wie kann ich die ID des <svg> Tag innerhalb main_svg bekommen?

Ich versuchte, die contextmenu Event-Handler mit this.id aber es gibt immer main_svg:

$("svg").contextmenu(function(e) { 
    e.preventDefault(); 
    console.log(this.id); 
}); 

Wie dies geschehen kann? Gibt es bessere Ansätze? Ich bin mit beiden Ereignissen glücklich: onclick oder contextmenu.

Answer 1

Sie können die jQuery-Funktion $('svg').find("> svg") verwenden, um jedes direkte Kind zu finden, das <svg> -Element eines <svg> -Elements ist.

$('svg').find("> svg").each(function() { 
    var id = $(this).attr("id"); 
    console.log(id); 
}); 

die jsFiddle Siehe: https://jsfiddle.net/kyjn6z87/