javascript - 带有 Javascript 的 ID 不能按需要工作

Question

在 Raphaeljs 中，它写了这行代码：（仅显示相关部分）

......
    sets.id = index;
    grid.hex[poly].click(
      function(e)
    {   
        var id=this.id
.....

它正确设置了 sets[] 的 id，但“this”的 id 是集合内路径的 id，即被点击的路径。我必须有集合的ID。我怎样才能做到这一点？

编辑：我希望设置“this”，而不是单击的路径。

Answer 1

绑定函数到sets

......
    sets.id = index;
    grid.hex[poly].click($.proxy(function(e){
         var id = this.id;
    }, sets);
.....

或者，如果您不使用 jQuery。

//https://gist.github.com/978329
if(!Function.prototype.bind) {
   Function.prototype.bind = function(to){
        // Make an array of our arguments, starting from second argument
    var partial = Array.prototype.splice.call(arguments, 1),
        // We'll need the original function.
        fn  = this;
    var bound = function (){
        // Join the already applied arguments to the now called ones (after converting to an array again).
        var args = partial.concat(Array.prototype.splice.call(arguments, 0));
        // If not being called as a constructor
        if (!(this instanceof bound)){
            // return the result of the function called bound to target and partially applied.
            return fn.apply(to, args);
        }
        // If being called as a constructor, apply the function bound to self.
        fn.apply(this, args);
    }
    // Attach the prototype of the function to our newly created function.
    bound.prototype = fn.prototype;
    return bound;

}

grid.hex[poly].click(function(e){
         var id = this.id;
    }.bind(sets));

Answer 2

你有没有尝试过？：

var id = this.parentElement.id

更新：

来自http://raphaeljs.com/：

Raphaël ['ræfeɪəl] 使用 SVG W3C Recommendation 和 VML 作为创建图形的基础。这意味着您创建的每个图形对象也是一个 DOM 对象，因此您可以附加 JavaScript 事件处理程序或稍后修改它们。

假设sets是一个图形对象（因为它包含路径，我假设它是），那么this应该有一个parentElement可以访问的属性。

如果它不起作用，您也可以尝试访问它：

var id = sets.id;

由于关闭，这应该可以工作。