JSFiddle - React, Tailwind, and code Playground

by Johan Muller

HTML

<table>
    <tr>
        <td>There are</td>
        <td class="js-summ" data-summ="100">$100.00</td>
    </tr>
    <tr>
        <td>There are</td>
        <td class="js-summ" data-summ="200">$200.00</td>
    </tr>
    <tr>
        <td>There are</td>
        <td class="js-summ" data-summ="300">$300.00</td>
    </tr>
    <tr>
        <td>There are</td>
        <td class="js-summ" data-summ="400">$400.00</td>
    </tr>
    <tr>
        <td>There are</td>
        <td class="js-summ" data-summ="500">$500.00</td>
    </tr>
    <tr>
        <td>There are</td>
        <td class="js-summ" data-summ="600">$600.00</td>
    </tr>
    <tr>
        <td>There are</td>
        <td class="js-summ" data-summ="700">$700.00</td>
    </tr>
    <tr>
        <td>There are</td>
        <td class="js-summ" data-summ="800">$800.00</td>
    </tr>
    <tr>
        <td>There are</td>
        <td class="js-summ" data-summ="900">$900.00</td>
    </tr>
    <tr>
        <td>There are</td>
        <td class="js-summ" data-summ="1000.50">$1,000.50</td>
    </tr>
</table>

CSS

table tr td {
    border: 1px solid #000;
    padding: 10px;
    text-align: center;
}

JavaScript

var rows = [0,1,9];
var $rows = $('table').find('tr');
var result = 0;

$.each(rows,function(i,e){
    var $target = $rows.eq(e).find('.js-summ');
    var thisResult = parseFloat($target.attr('data-summ'));
    if (typeof(thisResult) === 'number') { result += thisResult; }
});

alert(result);