JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="marketQuotes" style="display: block;"><li class="main"><h4>SRI NIDHI TRADERS - Bangalore - 4:00PM</h4><ul class="submenuLevel1"><li class="subcomm">Groundnut</li><li class="level1">E - 40 kg :&nbsp;&nbsp;Rs. 2800 to 2800 (<span class="no-change">0</span>)</li><li class="level1">D - 40 kg :&nbsp;&nbsp;Rs. 2600 to 2600 (<span class="no-change">0</span>)</li><li class="level1">C - 40 kg :&nbsp;&nbsp;Rs. 2300 to 2300 (<span class="no-change">0</span>)</li></ul></li><li class="main"><h4>Dinesh Sangali - Sangli - 3:13PM</h4><ul class="submenuLevel1"><li class="subcomm">Soyabeans</li><li class="level1">Faq - 100 Kg :&nbsp;&nbsp;Rs. 4270 to 4270 (<span class="plus-change">+20</span>)</li></ul></li><li class="main"><h4>Anjaneya Swamy Agro - Adoni - 1:58PM</h4><ul class="submenuLevel1"><li class="subcomm">Groundnut</li><li class="level1">Ka mill - FAQ :&nbsp;&nbsp;Rs. 5300 to 5300 (<span class="no-change">0</span>)</li><li class="level1">90X100 - FAQ :&nbsp;&nbsp;Rs. 5800 to 5800 (<span class="no-change">0</span>)</li><li class="level1">80X90 - FAQ :&nbsp;&nbsp;Rs. 6000 to 6000 (<span class="no-change">0</span>)</li><li class="level1">70X80 - MH :&nbsp;&nbsp;Rs. 6500 to 6500 (<span class="no-change">0</span>)</li><li class="level1">60X70 - FAQ :&nbsp;&nbsp;Rs. 6700 to 6700 (<span class="minus-change">-100</span>)</li></ul></li><li class="main"><h4>Bhavi Traders - Mumbai - 1:41PM</h4><ul class="submenuLevel1"><li class="subcomm">Groundnut</li><li class="level1">40X50 - 100 Kg :&nbsp;&nbsp;Rs. 5650 to 5650 (<span class="plus-change">+50</span>)</li><li class="level1">50X60 - 100 Kg :&nbsp;&nbsp;Rs. 5550 to 5550 (<span class="plus-change">+50</span>)</li><li class="level1">Jada guj 60x70 - 100 Kg :&nbsp;&nbsp;Rs. 5450 to 5450 (<span class="plus-change">+150</span>)</li><li class="level1">Kalyani - 100 Kg :&nbsp;&nbsp;Rs. 5400 to 5400 (<span class="plus-change">+400</span>)</li><li class="level1">80/90 Chn/mum  - 100 Kg :&nbsp;&nbsp;Rs. 6300 to 6300 (<span...

CSS

.place {
    color:red;
}
.time {
    color:green;
}

JavaScript

$('.date-header').html(function () {
    var txt = $(this).text();
    var classes = ['place', 'time', ];
    $(this).html($.map(txt.split(/-/), function (val) {
        return $('<span/>', {
            'class': classes.shift()
        }).text(val)[0];
    }));
});