Использование $ (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) 
});