如何在jquery自动完成中获取当前元素？

【问题标题】：How to get current element in jquery autocomplete?如何在jquery自动完成中获取当前元素？
【发布时间】：2016-10-29 20:51:26
【问题描述】：

我正在使用 jQuery 自动完成功能。我的页面中有 10 个文本框。我使用类名绑定了自动完成功能。在源方法中，我正在调用服务以根据用户输入的值获取数据。我需要将 2 个参数传递给服务。 1. 用户输入的值。 2. 存储在文本框父级中的数据。

我怎样才能得到它？

<div data-id="101">
    <input class="search_txt" type="text"/>
</div>
<div data-id="102">
   <input class="search_txt"  type="text"/>
</div>
.....
...
...
....
$('.search_txt').autocomplete({
      minLength: 1,
      source: function(request, response) {                                                                              
        //service here 
       //need to get "data-id" of current using text box.
      },
      focus: updateTextBox
      select: updateTextBox
});

提前致谢。

【问题讨论】：

标签： javascript jquery jquery-ui autocomplete

【解决方案1】：

如果我理解正确，请使用：

$('.search_txt:focus').parent().attr('data-id')

它将获取以类名.search_txt 为焦点的输入，然后选择它的父级，并获取 data-id 的属性

例子：

$('.search_txt').autocomplete({
      minLength: 1,
      source: function(request, response) {                                              
        console.log("Data-id: "+$('.search_txt:focus').parent().attr('data-id'));   
        //service here 
       //need to get "data-id" of current using text box.
      }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<div data-id="101">
    <input class="search_txt" type="text"/>
</div>
<div data-id="102">
   <input class="search_txt"  type="text"/>
</div>

【讨论】：