jQuery自动完成功能：如何获取HTML项目的“ id”属性？

Question

jQuery对我来说是新手，感谢您的支持。

我在HTML中有一些文本输入：

<input type="text" class="NameTextID" id="fn.1">
<input type="text" class="NameTextID" id="ln.1">
<input type="text" class="EmailAddressTextID" id="ea.1">

两个输入属于NameTextID 类 ，一个输入属于EmailAddressTextID 类 。 请注意，每个ID都是唯一的。

然后，我想对具有上述类的任何DOM项目利用jQuery的自动完成功能。

$(document).ready(function() {
    $(function() {
        $( ".NameTextID" ).autocomplete({
            source: recEngineNames,
            minLength: recMinCharCount,
            select: recEngine
        });
        $( ".EmailAddressTextID" ).autocomplete({
            source: recEngineEmails,
            minLength: recMinCharCount,
            select: recEngine,
        });
    });
});

现在，在函数recEngine中：

var recEngine = function(event, ui) {
    var selected_value = ui.item.value
    var selected_id = ????
}

jQuery传递两个参数，如果激活了recEngine函数的ui项，如何获取ID ？

提前致谢！

Answer 1

您可以这样做：

var selected_id = this.id;

其中this指的是当前元件被提及。

Answer 2

您可以像这样ui.item.id它： ui.item.id

Answer 3

首先，您可以使用多个选择器，以逗号','分隔。

然后，要获取触发事件的元素，可以使用关键字this或event.target 。 要获取其ID，可以使用$(event.target).attr('id')

$（event.target）.attr（ 'ID'）

$(document).ready(function() {
    $(function() {
        $( ".NameTextID, .EmailAddressTextID" ).autocomplete({
            source: recEngineNames,
            minLength: recMinCharCount,
            select: recEngine
        });
    });
});

var recEngine = function(event, ui) {
    var selected_value = ui.item.value;
    var selected_id = $(event.target).attr('id');
}