0

function getValor(){
	var valor = $('.produtos').val();
	 alert(valor)
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input value="1" name="valor[]" class="produtos" type="text"><button onclick="getValor()">GetValor</button>
<input value="2" name="valor[]" class="produtos" type="text"><button onclick="getValor()">GetValor</button>
<input value="3" name="valor[]" class="produtos" type="text"><button onclick="getValor()">GetValor</button>
<input value="4" name="valor[]" class="produtos" type="text"><button onclick="getValor()">GetValor</button>
<input value="5" name="valor[]" class="produtos" type="text"><button onclick="getValor()">GetValor</button>

1

2 Respostas 2

2

Para o seu cenário utilize a função do JQuery prev(). Esta função retorna o elemento irmão precedente.

function getValor(button) {
    const $button  = $(button); //Convertendo objeto JS para objeto JQuery
    const value = $button.prev().val(); //Utilizando método prev() e val() do JQuery
    alert(value);
};
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input value="1" name="valor[]" class="produtos" type="text"><button onclick="getValor(this)">GetValor</button><br>
<input value="2" name="valor[]" class="produtos" type="text"><button onclick="getValor(this)">GetValor</button><br>
<input value="3" name="valor[]" class="produtos" type="text"><button onclick="getValor(this)">GetValor</button><br>
<input value="4" name="valor[]" class="produtos" type="text"><button onclick="getValor(this)">GetValor</button><br>
<input value="5" name="valor[]" class="produtos" type="text"><button onclick="getValor(this)">GetValor</button>

4
  • +1 Tinha me esquecido do .prev() Commented 9/05/2019 às 17:56
  • Obrigado Victor Carnaval
    – frodrigues
    Commented 9/05/2019 às 18:26
  • De nada @frodrigues. Se a resposta foi útil, marque-a como Melhor resposta para fechar a questão. Prazer!!! Commented 9/05/2019 às 18:33
  • 1
    @IcaroMartins, aprendi agora pouco lendo a documentação kkk, nunca cheguei a utilizar mais já tenho uma carta na manga. Commented 9/05/2019 às 18:33
1

Uma forma de fazer isso e colocando um container por fora do input e button para agrupar, e modificando um pouco seu javascript veja abaixo

function getValor(button){
   var $button = $(button),
       $input = $button.parent().find("input"),
/// ;                     ^             ^ buscar por input
/// ;                     pega a div que esta agrupando
       valor = $input.val();
   alert(valor)
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>
    <input value="1" name="valor[]" class="produtos" type="text">
    <button onclick="getValor(this)">GetValor</button>
</div>
<div>
    <input value="2" name="valor[]" class="produtos" type="text">
    <button onclick="getValor(this)">GetValor</button>
</div>
<div>
    <input value="3" name="valor[]" class="produtos" type="text">
    <button onclick="getValor(this)">GetValor</button>
</div>
<div>
    <input value="4" name="valor[]" class="produtos" type="text">
    <button onclick="getValor(this)">GetValor</button>
</div>
<div>
    <input value="5" name="valor[]" class="produtos" type="text">
    <button onclick="getValor(this)">GetValor</button>
</div>

1
  • 1
    Obrigado Icaro Martins
    – frodrigues
    Commented 9/05/2019 às 18:26

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .