如何获取 jquery-ui 自动完成小部件的上下文？答案

【问题标题】：How can i get the context of a jquery-ui autocomplete widget?如何获取 jquery-ui 自动完成小部件的上下文？
【发布时间】：2017-08-17 16:09:56
【问题描述】：

我正在为一个 Web 项目使用 jQueryUI 自动完成功能。我需要获取每个名为input 的name 属性。我怎么才能得到它？ this 无法获取函数内部的上下文。

$("input").autocomplete({
  delay: 600,
  minLength: 2,
  source: function(request, response) {
    var term = request.term; 
    $.getJSON(url, request, function(data, status, xhr) {
      response(data);
    });
  }
});

【问题讨论】：

我有几个输入，所以我需要知道谁在触发。

标签： jquery jquery-ui this jquery-ui-autocomplete attr

【解决方案1】：

您可以通过在 each() 循环中初始化自动完成来实现此目的。这意味着您可以访问this 参考：

$("input").each(function() {
  var $input = $(this);

  $input.autocomplete({
    delay: 600,
    minLength: 2,
    source: function(request, response) {
      var term = request.term; 
      // do something with $input.prop('name') here...
      $.getJSON(url, request, function(data, status, xhr) {
        response(data);
      });
    } 
  });
});

【讨论】：