jquery - 如何获取 Raphael 中的最后一个元素（对象）、位置详细信息？

Question

我正在做一个循环函数来制作圆圈，我决定将圆圈链接到对象之间的画线，所以，第一个圆圈是绘制我应该得到对象的'cx'和'cy'，我将开始划清界线。

为此，在 jquery 的情况下，我们可以使用 ':last' 选择器获得最终元素，我正在尝试使用 raphael，任何人都可以帮助我获得每个绘图的最后一个元素。

我的功能：

var paper = new Raphael('paper',500,500);
var circle1 = paper.circle(50,50,50).attr({fill:'green'});

var circle2 = paper.circle(200,50,50).attr({fill:'red'});

$(paper.node,':first').click(function(){
    alert(this.atrr('x'));
})


$(paper.node,':last').click(function(){
    alert(this.atrr('x'));
})

jsfiddle在这里

Answer 1

@3gwebtrain

尝试这个：

var paper = new Raphael('paper',500,500);
var circle1 = paper.circle(50,50,50).attr({fill:'green'});
var circle2 = paper.circle(180,50,50).attr({fill:'red'});

jQuery(function($){

    var c1 = $('circle:first').attr("cx");
    var c2 = $('circle:last').attr("cx");
    $('circle:first').click(function(){
        alert(c1);
    });
    $('circle:last').click(function(){
        alert(c2);
    });

});

或在这里找到小提琴：http: //jsfiddle.net/Mg39Z/5/

Answer 2

您的功能设置不正确，您应该像这样使用它：

http://jsfiddle.net/S6REC/

$('circle:first',paper.node).click(function(){
    alert($(this).attr('cx'));
})


$('circle:last',paper.node).click(function(){ 
    alert($(this).attr('cx'));
})