데이터 또는 기타 고유 한 값으로 Raphael 요소를 얻는 방법?

Question

2 개의 서클을 만들었습니다. (물론 작은 서클을 루프를 사용하여 만들었습니다.) 그래서 모든 사용자 정의 ID를 추가 할 수는 없지만 각 서클에 데이터를 설정했습니다.

이제 어떻게 원을 클릭하여 데이터를 기준으로 다른 원을 숨기거나 움직 이도록 할 수 있습니까?

나는 방법이 정확한지 몰라. 이 방법이 아닌 경우에 대비하여 조언을 해 주시거나이를 위해 제안 해주십시오.

미리 감사드립니다.

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/

을 사용