JSFiddle - React, Tailwind, and code Playground

HTML

<table width="580" height="217" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="334">Product</td>
    <td width="246">Price</td>
  </tr>
  <tr>
    <td>Product One</td>
    <td>599</td>
  </tr>
  <tr>
    <td>Product Two</td>
    <td>175</td>
  </tr>
  <tr>
    <td>Product Three</td>
    <td>850</td>
  </tr>
  <tr>
    <td>Product Four</td>
    <td>758</td>
  </tr>
</table>

<p id="grandtotal"></p>

JavaScript

var sum = 0;
$('tr:not(:first)').each(function(){
    sum += parseFloat($('td:eq(1)',$(this)).text());
});

$('#grandtotal').html(sum)