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

Question

我有一个页面，其中嵌入了多个 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

看看吃了这个 fiddle

https://jsfiddle.net/uttwhh1a/

希望有帮助

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