在方法中使用$（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) 
});