How to get the input before the button?

Question

How to get the input before the button?

Navigation

#1 by (3 votes)

1

I have some input of text type followed by buttons :

<input type="text" />
<button>inserir</button>
<input type="text" />
<button>inserir</button>
<input type="text" />
<button>inserir</button>
<input type="text" />
<button>inserir</button>

I need, by pressing the button, to get the value of input above it.

How to do it?

jquery

asked by anonymous 24.01.2018 / 01:02

1 answer

Referencing main class variable in an @Override JQuery focus in the field

score 3 · Accepted Answer

You can use .prev that selects the previous element:

$("button").on("click", function(){
   var texto = $(this).prev().val();
   console.log(texto);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><inputtype="text" />
<button>inserir</button>
<input type="text" />
<button>inserir</button>
<input type="text" />
<button>inserir</button>
<input type="text" />
<button>inserir</button>