Добавить текст в поле ввода через jQuery

Question

Мне нужно добавить текст для ввода текстового поля после нажатия на кнопку. Класс кнопки всегда один и тот же («.button»), поэтому я считаю, что мне нужно использовать «$ (this)», но я не знаю, как это сделать.

Мой код:

HTML:

<div class="add"> 
    <input type="text" name="input[1]" value="" class="input[1]"> 
    <input type="button" class="button" value="add"> 
</div> 
<div class="add"> 
    <input type="text" name="input[2]" value="" class="input[2]"> 
    <input type="button" class="button" value="add" value="add"> 
</div> 
<div class="add"> 
    <input type="text" name="input[3]" value="" class="input[3]"> 
    <input type="button" class="button" value="add"> 
</div> 

JQuery:

$('.button').click(function(e) { 
    $(this).parent('input[type=text]').val('hhh'); 
}); 

С уважением :)

Answer 1

.prev() Попробуйте заменить на .parent(); input type="text" кажутся .previousElementSibling из .button элемента

$(this).prev("input[type=text]").val("hhh"); 

Answer 2

Использования ближайшего

$(this).closest('input[type="text"]').val('hhh')