在方法中使用$（this）

Question

我在多個輸入中使用typeahead.js方法typeahead，我需要將選定值添加到當前輸入附近的隱藏輸入。

var $input = $('.typeahead'); 
$input.typeahead({ 
    ... 
    afterSelect: function (item) { 
     $(this).next('.input-hidden').val(item.id); 
    } 
}); 

但$(this)在這種情況下不起作用。

我創建了一個例子：https://jsfiddle.net/hvwy6a5n/

Answer 1

你可以嘗試這樣的事情：Updated Fiddle。

注意，.next()將不起作用。 Typeahead改變你的DOM結構，你需要相應的導航。

• this代表Typeahead
• this.$element.context這會給你你的電流輸入。

這會給你下一個輸入

$(this.$element.context).parent().next().find(".typeahead") 

Answer 2

如果this指的是一些，其他對象的預輸入，或this是undefined你沒有提到。如果它沒有定義（我的猜測），那麼你需要將它與afterSelect綁定。

var $input = $('.typeahead'); 
$input.typeahead({ 
    ... 
    afterSelect: function (item) { 
     $(this).next('.input-hidden').val(item.id); 
    }.bind(this) 
});