JSFiddle - React, Tailwind, and code Playground
by Tiago Crizanto
HTML
<table>
<thead>
<tr>
<th style="width: 100px;">Product</th>
<th style="width: 100px;">Quantity</th>
<th style="width: 100px;" id="company_1">Company 1</th>
<th style="width: 100px;" id="company_2">Company 2</th>
<th style="width: 100px;" id="company_3">Company 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Product 1</td>
<td>5 m</td>
<td>$ 10.00</td>
<td>$ 50.00</td>
<td>$ 50.00</td>
</tr>
<tr>
<td>Product 2</td>
<td>5 m</td>
<td>$ 20.00</td>
<td>$ 40.00</td>
<td>$ 40.00</td>
</tr>
<tr>
<td>Product 3</td>
<td>50 m2</td>
<td>$ 30.00</td>
<td>$ 30.00</td>
<td>$ 30.00</td>
</tr>
<tr>
<td>Product 4</td>
<td>2 Un</td>
<td>$ 40.00</td>
<td>$ 20.00</td>
<td>$ 20.00</td>
</tr>
<tr>
<td>Product 5</td>
<td>1 Un</td>
<td>$ 50.00</td>
<td>$ 10.00</td>
<td>$ 20.00</td>
</tr>
<tr>
<td colspan="2"><label>Total</label></td>
<td><label>$ 150.00</label></td>
<td><label>$ 150.00</label></td>
<td><label>$ 150.00</label></td>
</tr>
<tr>
<td colspan="2"><label>Shipping amount</label></td>
<td><label>$ 100.00</label></td>
<td><label>$ 99.00</label></td>
<td><label>$ 99.00</label></td>
</tr>
<tr>
<td colspan="2"><label>Total + shipping</label></td>
<td class="total">$ 250.00</td>
<td class="total">$ 249.00</td>
<td class="total">$ 259.00</td>
</tr>
<tr>
<td colspan="2"><label>Valid until</label></td>
<td><label>2015/01/01</label></td>
<td><label>2015/01/01</label></td>
<td><label>2015/01/01</label></td>
</tr>
<tr>
<td colspan="2"></td>
<td>
<button>Select</button>
</td>
<td>
<button>Select</button>
</td>
<td>
<button>Select</button>
</td>
</tr>
</tbody>
</table>
CSS
.better-price{
background-color: #ff7f50;
}
JavaScript
$(function(){
var values = $('.total').map(function() {
return parseInt( $(this).html().replace("$ ","") );
}).get();
var minimum = Math.min.apply( null, values );
alert(minimum);
})