Skip to main content
adicionou 891 caracteres ao conteúdo
Fonte Link
Victor Carnaval
  • 2,4mil
  • 1
  • 6
  • 17

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

$(function() {

  $('button').click(functiongetValor(button) {
    const button$button  = $(thisbutton); //Convertendo objeto JS para objeto JQuery
    const value = button$button.prev().val();

  //Utilizando método alertprev(value);
 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>GetValor<type="text"><button onclick="getValor(this)">GetValor</button>button><br>
<input value="2" name="valor[]" class="produtos" type="text"><button>GetValor<type="text"><button onclick="getValor(this)">GetValor</button>button><br>
<input value="3" name="valor[]" class="produtos" type="text"><button>GetValor<type="text"><button onclick="getValor(this)">GetValor</button>button><br>
<input value="4" name="valor[]" class="produtos" type="text"><button>GetValor<type="text"><button onclick="getValor(this)">GetValor</button>button><br>
<input value="5" name="valor[]" class="produtos" type="text"><button>GetValor<type="text"><button onclick="getValor(this)">GetValor</button>

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

$(function() {

  $('button').click(function() {
    const button = $(this);
    const value = button.prev().val();

    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>GetValor</button>
<input value="2" name="valor[]" class="produtos" type="text"><button>GetValor</button>
<input value="3" name="valor[]" class="produtos" type="text"><button>GetValor</button>
<input value="4" name="valor[]" class="produtos" type="text"><button>GetValor</button>
<input value="5" name="valor[]" class="produtos" type="text"><button>GetValor</button>

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>

Post restaurado por Victor Carnaval
adicionou 891 caracteres ao conteúdo
Fonte Link
Victor Carnaval
  • 2,4mil
  • 1
  • 6
  • 17

UsePara o seu cenário utilize a função do JQuery this para representarprev(). Esta função retorna o elemento que está sendo manipuladoirmão precedente.

function getValor(){
    var valor = $(this).val();
    alert(valor);
}

$(function() {

  $('button').click(function() {
    const button = $(this);
    const value = button.prev().val();

    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>GetValor</button>
<input value="2" name="valor[]" class="produtos" type="text"><button>GetValor</button>
<input value="3" name="valor[]" class="produtos" type="text"><button>GetValor</button>
<input value="4" name="valor[]" class="produtos" type="text"><button>GetValor</button>
<input value="5" name="valor[]" class="produtos" type="text"><button>GetValor</button>

Use o this para representar o elemento que está sendo manipulado.

function getValor(){
    var valor = $(this).val();
    alert(valor);
}

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

$(function() {

  $('button').click(function() {
    const button = $(this);
    const value = button.prev().val();

    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>GetValor</button>
<input value="2" name="valor[]" class="produtos" type="text"><button>GetValor</button>
<input value="3" name="valor[]" class="produtos" type="text"><button>GetValor</button>
<input value="4" name="valor[]" class="produtos" type="text"><button>GetValor</button>
<input value="5" name="valor[]" class="produtos" type="text"><button>GetValor</button>

Post removido por Victor Carnaval
Fonte Link
Victor Carnaval
  • 2,4mil
  • 1
  • 6
  • 17

Use o this para representar o elemento que está sendo manipulado.

function getValor(){
    var valor = $(this).val();
    alert(valor);
}