如何獲取觸發jQuery自動填充小部件的輸入元素？

Question

我有幾個使用jQuery自動完成功能進行增強的輸入字段。如何在選擇事件觸發時獲取相應的輸入字段？

<input name="1" value=""> 
<input name="2" value=""> 
<input name="3" value=""> 

$('input[type=text]').autocomplete({ 
    source: 'suggestions.php', 
    select: function(event, ui) { 
     // here I need the input element that have triggered the event 
    } 
}); 

Answer 1

嘗試使用$(this)

$('input[type=text]').autocomplete({ 
    source: 'suggestions.php', 
    select: function(event, ui) { 
     // here I need the input element that have triggered the event 
     alert($(this).attr('name')); 
    } 
}); 

Answer 2

使用$(this)

select: function(event, ui) { 
     $(this).attr('name'); 
    } 

Answer 3

您可以使用$(this)或event.target。

然後你可以使用$(this).prop('name')或event.target.name得到名字。

demo

Answer 4

至於我可以告訴在這個例子中，你就不需要$()。 this工作得很好，因爲name是一個定義的屬性。

this.name

Answer 5

我使用的匿名函數爲source PARAM，和$(this)裏面引用的funcion，而不是被觸發它的元素。我不得不使用$(this.element)。

最終代碼結束與此類似（我簡化它用於演示目的）：

$(".regionsAutocomplete").autocomplete({ 
    source: function(request, response){ 

     //The next line is the important one for this example 
     var input = this.element; 
     $(input).css('color','red'); 

     var data = {'foo':'bar'}; 
     $.ajax({ 
      'url': ajaxurl, 
      'data': data, 
      'method': "POST", 
      'dataType': "json", 
      'success': function(data) { 
       response(data); 
      } 
     }); 
    } 
});