JSFiddle - React, Tailwind, and code Playground

HTML

<div class="balance">$1,00</div>
<div class="balance">$0,00</div>
<div class="balance"><strong>$4,00</strong></div>
<div class="balance">$5,00</div>
<div class="balance">$0,00</div>
<div class="balance">$1,00</div>

CSS

.text-succ{color:#090}
.text-dang{color:#900}

JavaScript

$('.balance').each(function(){
    var balance = parseInt($(this).text().replace('$',''), 10);
    $(this).removeClass("text-dang").addClass("text-succ");
    if (balance <= 0)
        $(this).removeClass("text-succ").addClass("text-dang");
});
$('.balance').each(function(){
    var balance = parseInt($(this).text().replace('strong',''), 10);
    $(this).removeClass("text-dang").addClass("text-succ");
    if (balance <= 0)
        $(this).removeClass("text-succ").addClass("text-dang");
});