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');
}