Add text to input field via jQuery

Question

I need to add a text to input text field after clicking on a button. The button class is always the same (".button") so I think that I need to use "$(this)" but I don't know how to do it.

My code is:

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

Regards :)

$(this).prev().val('hhh');

Nikolay Ermakov
– Nikolay Ermakov

2016-01-24 01:59:16 +00:00
Commented Jan 24, 2016 at 1:59 — Nikolay Ermakov
– Nikolay Ermakov, Commented Jan 24, 2016 at 1:59

guest271314 · Accepted Answer · 2016-01-24 01:55:39Z

1

Try substituting .prev() for .parent() ; input type="text" appear to be .previousElementSibling of .button element

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

answered Jan 24, 2016 at 1:55

guest271314

1

Sign up to request clarification or add additional context in comments.

1 Comment

user4011723 Over a year ago

Thank you. Works perfectly ;)

Jobelle · Accepted Answer · 2016-01-24 05:31:34Z

0

Use closest

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

answered Jan 24, 2016 at 5:31

Jobelle

2,8441 gold badge17 silver badges27 bronze badges

Collectives™ on Stack Overflow

Add text to input field via jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related