Estou desenvolvendo um sistema e numa determinada parte ele apresenta a seguinte estrutura, imagem abaixo
Segue também o código
O que eu quero fazer é quando o usuário digitar no campo "Braças" e no campo "Peso" ele efetue uma conta e retorna o valor no campo "Total Prod."
Porem isso em cada linha, ficando conforme imagem abaixo:
Tentei fazer dessa forma, código abaixo:
$(document).ready(function(){
$(document).on('change', '.peso', function() {
var v = $(this).val();
var c = $(".bracas").val();
$(".total_prod").val(v*c);
});
});
Porém, dassa forma todos os campos "Total Prod." é preenchido.
Poderia me dar uma ajuda com isso?