JSFiddle - React, Tailwind, and code Playground

by Mark Harwood

HTML

<table id="data">
    <tr>
        <td class="label">Label</td>
        <td class="value">12</td>
    </tr>
    <tr>
        <td class="label">Label</td>
        <td class="value">44</td>
    </tr>
    <tr>
        <td class="label">Label</td>
        <td class="value">55</td>
    </tr>
    <tr>
        <td id="total" colspan="2"></td>
    </tr>
</table>

JavaScript

var total = $('#total'), result = 0;

    $('#data')
        .find('td.value')
        .each(function(){
            result += parseInt($(this).html());
        })
        
    total.html('Total: ' + result);