Sumar columna de tabla

[CHAEEZ]

Buenas tardes, me preguntaba como poder sumar datos de una columna hasta una determinada fila de una tabla HTML en jquery.

Por Ejemplo


concepto | valor
valor1 | 1
valor2 | 2
valor3 | 3
valor4 | 4
valor5 | 5

valor hasta valor3 = 6


de que manera puedo hacerlo? alguna idea?

[Drako_18]

Buenos días compañero,

Veamos el caso...
1º) Recorrer los 3 primeros registros.
2º) Obtener el valor de la columna y sumarlo.

Vamos a ello:

Código HTML:

<table id="MiTabla">
    <thead>
        <tr>
            <th>Concepto</th>
            <th>Valor</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Valor 1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>Valor 2</td>
            <td>2</td>
        </tr>
        <tr>
            <td>Valor 3</td>
            <td>3</td>
        </tr>
        <tr>
            <td>Valor 4</td>
            <td>4</td>
        </tr>
        <tr>
            <td>Valor 5</td>
            <td>5</td>
        </tr>
    </tbody>
</table>
 

Código Javascript:

var $suma = 0;
 
$("#MiTabla tbody tr:nth-child(-n+3)").each(function () { //Con esto recorremos los 3 primeros elementos hijos.
    $suma += parseInt($(this).children("td:eq(1)").html()); //eq(1) es, el índice del elemento que queremos obtener, teniendo en cuenta que comienza por 0.
});
 
alert("Mi suma es: " + $suma);
 

Referencia:
https://developer.mozilla.org/es/doc...S/%3Anth-child
http://www.w3schools.com/jsref/jsref_parseint.asp


Un saludo!!!