Somar coluna de uma tabela html

1,752 views
Skip to first unread message

Igor Batista

unread,
Feb 18, 2016, 2:57:47 PM2/18/16
to rail...@googlegroups.com
Estou precisando fazer o somatório de uma coluna de uma tabela em html, quero utilizar javascript, não estou conseguindo pegar o valor do elemento.



Se alguém poder da uma ajuda, desde já agradeço

--
[]'s
Igor C. Batista
SKYPE: mld_crark
G -TALK: igor.b...@gmail.com
twitter: @igorcbatista

Everaldo Gomes

unread,
Feb 18, 2016, 3:02:47 PM2/18/16
to rail...@googlegroups.com

--
--
Você recebeu essa mensagem porquê está inscrito no Google
Groups "rails-br".
Para enviar uma mensagem para o grupo, mande um email para rail...@googlegroups.com
Para se descadastrar, mande um e-mail para
rails-br+u...@googlegroups.com
Visite o grupo em http://groups.google.com/group/rails-br?hl=pt-BR
Leia nossa política de uso: http://goo.gl/YGgt7

---
Você recebeu essa mensagem porque está inscrito no grupo "rails-br" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para rails-br+u...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

Igor Batista

unread,
Feb 18, 2016, 3:05:27 PM2/18/16
to rail...@googlegroups.com
não acredito que só essa linha já resolvia 
sum = sum + parseFloat(elements[i].innerHTML);

:)))

Everaldo Gomes

unread,
Feb 18, 2016, 3:06:37 PM2/18/16
to rail...@googlegroups.com
Isso significa que você fez todo o trabalho difícil. ;)

Igor Batista

unread,
Feb 18, 2016, 3:18:02 PM2/18/16
to rail...@googlegroups.com
Se puder me ajude mais um pouco

eu estou adicionando linhas na tabela dinamicamente então o somatório não está batendo, pois acredito que ele esta primeiro fazendo a soma para depois adicionar o registro, ou ele não está computando o ultimo valor.

Renan Ribeiro de Oliveira

unread,
Feb 18, 2016, 3:32:05 PM2/18/16
to rail...@googlegroups.com
Igor, só pra por curiosidade fiz a sua função em Javascript puro em Jquery, vê como ficou:

var sum = 0
$("table > tbody > tr > td:nth-child(3n+3) ").each(function(){
  sum += parseFloat($(this).text());
  })
 console.log(sum)

Obs.: Esse roda em menor desempenho.

[]'s
Renan Oliveira
Graduando em Sistemas para Internet

Igor Batista

unread,
Feb 18, 2016, 3:35:46 PM2/18/16
to rail...@googlegroups.com
funciona para o primeiro registro inserido na tabela, mas para os outros da erro NaN.

Igor Batista

unread,
Feb 18, 2016, 3:36:58 PM2/18/16
to rail...@googlegroups.com
tem como chamar esta função de calculo, dentro do arquivo.js ou transferir este calculo para o arquivo?

Renan Ribeiro de Oliveira

unread,
Feb 18, 2016, 3:46:20 PM2/18/16
to rail...@googlegroups.com
Olha aí a função em JQuery: https://jsfiddle.net/3s3ws6dh/

Renan Ribeiro de Oliveira

unread,
Feb 18, 2016, 3:49:07 PM2/18/16
to rail...@googlegroups.com
Igor, não estou conseguindo entender como você adiciona esse registo dinamicamente, já que vejo código JS com Erb. Como você chama o a função adicionar, dando submit na página?  a cada submit o registro  é gravado e ele monta a tabela com esses registros? é assim?

Igor Batista

unread,
Feb 18, 2016, 3:49:08 PM2/18/16
to rail...@googlegroups.com
Eu já vi, assim funciona, mas quando adiciono os registros dinamicamente ele não soma o ultimo registro.

nesse gist é onde adiciono dinamicamente os registros gist https://gist.github.com/igorcb/eadf58656b2b09a9111d

Igor Batista

unread,
Feb 18, 2016, 3:50:01 PM2/18/16
to rail...@googlegroups.com
é um submit com ajax, isso ai ele monta a tabela a cada requisição.

Igor Batista

unread,
Feb 18, 2016, 3:50:32 PM2/18/16
to rail...@googlegroups.com
depois de adicionado o registro tem que ser executada a função para somar os valores.

Renan Ribeiro de Oliveira

unread,
Feb 18, 2016, 3:54:30 PM2/18/16
to rail...@googlegroups.com
Já tentou tirar a função sumPrice do on click e colocar abaixo d
$("#result_soma").append("");
sumPrice();

Igor Batista

unread,
Feb 18, 2016, 3:58:56 PM2/18/16
to rail...@googlegroups.com
Show, valeu Renan
Reply all
Reply to author
Forward
0 new messages