JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<table class="table">
    <thead>
        <th>column 1</th>
        <th>column 2</th>
        <th>column 3</th>
        <th>column 4</th>
        <th>column 5</th>
    </thead>
    <tbody>
        <tr>
            <td>4</td>
            <td>3</td>
            <td>0</td>
            <td>2</td>
            <td>4</td>
        </tr>
        <tr>
            <td>4</td>
            <td>3</td>
            <td>0</td>
            <td>2</td>
            <td>4</td>
        </tr>
        <tr>
            <td>4</td>
            <td>3</td>
            <td>0</td>
            <td>2</td>
            <td>4</td>
        </tr>
        <tr>
            <td>4</td>
            <td>3</td>
            <td>0</td>
            <td>2</td>
            <td>4</td>
        </tr>
        <tr>
            <td>4</td>
            <td>3</td>
            <td>0</td>
            <td>2</td>
            <td>4</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>7</td>
            <td>8</td>
            <td>4</td>
        </tr>
    </tfoot>
</table>


<span>total =</span><div class="totals"></div>

JavaScript

$('.table tbody tr:gt(0)').each(function () {
    
    var mixTotal = parseInt($(this).find('td:nth(2)').html());
    
    // Add total to div 
    $('.totals').text(mixTotal);
});