Javascript 多个嵌入式SVG的事件侦听器

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

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

---

有没有一种方法可以使代码动态地处理多个SVG？

看看这把小提琴

希望能有所帮助

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

$object.eachfunction{$this.contentDocument.ClickFunction{…}；}；

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