多个嵌入式SVG的事件监听器

Question

我有一个包含多个SVG的页面，这些SVG嵌入如下：

<object data="/path" type="image/svg+xml" id="index"></object>

每个SVG代表一个图形，并且应该在单击节点时执行函数。到目前为止，我使用以下代码片段作为单个SVG。

var oTag = document.getElementById('index'); // get object tag
var svgDoc = oTag.contentDocument; // get DOM of SVG

$(svgDoc).on('click', function(event) {...

我有办法让代码动态处理多个SVG吗？

Answer 1

看看这个小提琴

https://jsfiddle.net/uttwhh1a/

希望有所帮助

$('.test').each(function(){
     $(this).on('click', 
          function(event) {
              alert($(this).attr('value'));
          }
     );
});