如何通過數據或其他唯一值獲取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/