javascript - jQueryのJavascript 'this'ポインタ

Question

オブジェクトを作成しましたobj：

function a(id, ...){
   this.id = id;
   ......
}

var obj = new a("#somediv", ...);

そして私はこの機能を持っています:

a.prototype.b = function(){
    $(this.id+" span").mouseover(function(){
        $(this.id).addClass("c");
    });

};

どうやら、マウスオーバー機能のは...ではなくをthis指しているようです。spanobj

変数を作成してプロパティを取得することでこの問題を解決できることはわかっていますがthis.id、

代わりにthisマウスオーバー機能を指すようにする方法はありますか?obj

score 5 · Accepted Answer

新しいブラウザーの純粋な JavaScript を使用すると、関数をバインドできます。

a.prototype.b = function(){
    $(this.id+" span").mouseover(function(){
        $(this.id).addClass("c");
    }.bind(this));
};

jQuery を使用すると、ブラウザーのサポートが向上します。

a.prototype.b = function(){
    $(this.id+" span").mouseover($.proxy(function(){
        $(this.id).addClass("c");
    }, this));
};

score 1 · Accepted Answer

代替使用$.proxy：

a.prototype.b = function(){
    $(this.id+" span").mouseover($.proxy(function(){
        $(this.id).addClass("c");
    }, this));
};

2 に答える 2