Tenho um `select` mostrando produtos que podem ser inseridos numa tabela clicando no botão <kbd> + </kbd>. >Anteriormente quando os valores eram apesentados no formato como está no banco de dados (`9999.99`) eu conseguia calcular o valor dos itens selecionados corretamente, mas quando passei a apresentar os valores no formato do Real (`9.999,99`) não consegui mais calcular o total dos produtos selecionados. Estava aplicando uma conversão no cálculo dessa função: function calculaTotal(){ var total = 0; if ($(".iten-preco").length > 0){ $(".iten-preco").each(function(){ total += $(this).text(); }); } $('#total-orcamento').text(total); } Código completo: <!-- begin snippet: js hide: true console: true babel: false --> <!-- language: lang-js --> function loadItens(){ $.getJSON("https://api.myjson.com/bins/10hz22",function(data){ itens = data; $.each(data, function(key, val){ $("#select-iten").append("<option value='"+key+"'>"+ val.nome+" ("+ toReal(val.preco) +")</option>"); }); }); } loadItens(); var itens; $("#add-iten").click(function(){ var si = $("#select-iten").val(); $(".itens").append("<tr class='iten-added'>"+ "<td>"+itens[si].id+"</td>"+ "<td>"+itens[si].nome+"</td>"+ "<td class='iten-preco'>"+ toReal(itens[si].preco) +"</td>"+ "<td><button class='iten-delete btn btn-danger'>-</button></td>"+ "</tr>"); calculaTotal(); }); $(document).on("click", ".iten-delete", function(){ $(this).parents("tr").remove(); calculaTotal(); }); function calculaTotal(){ var total = 0; if ($(".iten-preco").length > 0){ $(".iten-preco").each(function(){ total += $(this).text(); }); } $('#total-orcamento').text(total); } function toReal(str){ str = parseFloat(str).toLocaleString('pt-br',{minimumFractionDigits: 2}); return str; } <!-- language: lang-html --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <form class="form-inline"> <label for="select-iten">Produtos: </label> <select id="select-iten" class="form-control"> <option>Selecione</option> </select> <input class="btn btn-primary" type="button" id="add-iten" value="+"> </form> <div class="table-responsive"> <table class="table table-bordered"> <thead> <tr> <th>#</th> <th>Nome</th> <th>Preço</th> <th>Ação</th> </tr> </thead> <tbody class="itens"> </tbody> <tfoot> <tr> <td colspan="2">Total: </td> <td colspan="2" id="total-orcamento"></td> </tr> </tfoot> </table> </div> <!-- end snippet -->