如何通过数据或其他唯一值获取Raphael元素？

Question

我做了2个圆圈（在我的工作中，我没有使用循环制作的小圆圈）。所以我不能将自定义ID添加到所有，但我将数据设置到每个圆圈。

现在我怎样才能点击所需的圆onclick隐藏或动画的数据..其他圈？

我不知道方法是正确的。如果这不是一种方式，让我知道你的建议，或者给我一些建议来做到这一点。

在此先感谢。

var paper = new Raphael('myPaper',500,500); 
var circle = paper.circle(100,100,100).attr({'fill':'red'}); 
var text = paper.text(100,100,"test Text").attr({'fill':'#fff'}); 

var smallCircle = paper.circle(300,100,50).attr({'fill':'green'}).data('id','green'); 

var newSet = paper.set(); 

newSet.push(circle,text); 

newSet.attr({cursor:'pointer'}).data('id','oval'); 

newSet.click(function() { 
    //smallCircle.attr({opacity:0.5}); //it works but i have no.of circle added by loop. 
    smallCircle.data('green').attr({opacity:0.5}); //this is not working. i am setting unique data on each circle 

}) 

Jsfiddle here

Answer 1

试试这个...使用如下的选择..

smallCircle.data('id','green').attr({opacity:0.5}); //modified ... 

http://jsfiddle.net/Amb9b/2/