Se você já tem os valores em classes, o jQuery já devolve algo que se parece com uma array, com todas as ocorrências dessa classe... O método clássico para lidar com isso é o .each()
,
var tot = 0;
var n = 0;
$('.m').each(function(){
tot += parseInt( $(this).text() );
n++;
});
var MEDIA = tot/n;
Todavia, para algo tão simples quanto o cálculo de uma média, o ideal seria usar realmente uma array, e isso também é possível no jQuery, usando a função makeArray()
,
var A = $.makeArray( $('.m') );
var Atot = 0;
for(i=0; i<A.length; i++)
Atot += parseInt(A[i].innerHTML);
var Amedia = Atot/A.length;
Ver http://jsfiddle.net/P3MhH/
###NOTAS
NOTAS
O Javascript não é era uma linguagem equipada com map/reduce para lidar elegantemente com arrays, mas hoje, mesmo com um pequeno custo de performance, já é possível fazer uso de funções de filtro e agregação das arrays. A média é um agregado típico, e pode ser expressa com esses recursos, veja esse outro jsFiddle:
var A = $.makeArray( $('.m') ).map(function(a) {
return parseInt(a.innerHTML)
}); // ou $('.m').map(function(){ return parseInt($(this).html()) }).get();
var soma = A.reduce(function(a,b) {return a + b});
var media = soma / A.length;
Essa forma de expressar um algoritmo de arrays ainda é pouco usada, tem gente que acha ininteligivel, "coisa de matemático"... Tento evitar os preconceitos. Pode-se, por exemplo, usar em especificações formais.
Quanto ao acesso aos valores de tags <input>
, o mais fácil no jQuery é o .val
... Para outras tags (tipicamente <span>
como exemplifiquei no jsfiddle) o uso de nodeValue pode ser mais rápido, ver https://stackoverflow.com/a/18418270/287948