JSFiddle - React, Tailwind, and code Playground

by rwaldron

HTML

<div class="totalprice">  $1.25 </div>
<div class="totalprice">0.25     </div>
<div class="totalprice">$3.00 </div>
<div class="totalprice">  2.50</div>
<div class="totalprice">$0.01</div>
<div class="totalprice">  </div>
<div class="totalprice">  Whoops </div>

JavaScript

var sum = 0;

$(".totalprice").each(function() {
    var val = $.trim( $(this).text() );
    
    if ( val ) {
        val = parseFloat( val.replace( /^\$/, "" ) );
    
        sum += !isNaN( val ) ? val : 0;
    }
});

console.log( sum );