どのセレクタがアクティブなセレクタであるかを知るには？

Question

私は、次の（部分）コード持っている：

$("#input1, #input2").autocomplete({ 
    source:function(request, response) { 
    ... 
    }, ...); 

を[OK]を、私はsourceオプションの内側に、セレクタアクティブ、INPUT1またはINPUT2であるかを知ることができる方法を知りたいです。私は$（this）.attr（ "id"）で試しましたが、未定義です。

Edition： "選択："オプションで、$（this）.attr（ "id"）は正常に動作します。

Answer 1

あなたはjQueryのUIの自動入力補完を使用しているとして、あなたは自動入力補完インスタンス上element文書化されていないプロパティから要素を取得することができます：

source: function(request, response) { 
    if (this.element && this.element[0]) { 
    display("source triggered for #" + this.element[0].id); 
    } 
} 

Live example

this.element jQueryのラッパーですオートコンプリータがアタッチされている要素のため、this.element[0]は未処理のDOM要素です。

しかし、文書化されていない情報を使用することは常に危険です。ドットリリースの間に変更または離脱する可能性があります。 SadullahCeranが提案したクロージャーを使用する方が信頼性が高くなります。私は若干異なり、それを行うだろう：

$("#input1, #input2").each(function(){ 
    var $element = $(this); // `element` is a jQuery wrapper around the element 
    $(element).autocomplete({ 
    source:function(request, response) { 
    // get the options relevant to `element` 
    }); 
}); 

...あなたはid値を使用してに頼っていないという理由だけで。しかしそれは小さな点です。そして、上記のように2つの関数オブジェクトを作成することになりますが、それはそれほど悪いことではありません。ある

$("#input1, #input2").each(function(){ 
    var $element = $(this); // `element` is a jQuery wrapper around the element 
    $(element).autocomplete({ 
    source:function(request, response) { 
    return getOptionsFor(element, request, response); 
    }); 
}); 
function getOptionsFor(element, request, response) { 
    // get the options for `element` 
} 

Answer 2

この回避策は問題ありません。 オートコンプリートプラグインのソース関数では、$（this）は元のjqueryオブジェクトを参照していない可能性があります。

$("#input1, #input2").each(function(){ 
    var id = $(this).attr('id'); 
    // Do something with id if you want 
    $(this).autocomplete({ 
    source:function(request, response) { 
    // Source function 
    }); 
}); 

Answer 3

あなたが必要とするのは、$（this.element）.attr（ "id"）です。プラグイン（およびあなたが渡したコールバック）の中で、これは一般にUIウィジェットオブジェクトを参照します。私は、あなたが使用しているウィジェットのいずれかが現在のDOMノードを参照するように、UIウィジェットを標準化することを目的としています。