JSFiddle - React, Tailwind, and code Playground

by dweiliu

HTML

<table>
    <tr><th>Column 1</th><th>Column 2</th><th>Column 3</th></tr>
    <tr class="score"><td>12</td><td>25</td><td>Hello</td></tr>
    <tr class="score"><td>25</td><td>21</td><td>Bye</td></tr>    
</table>

CSS

.winner {
    color: red;
}

JavaScript

$(document).ready(function(){
    $('tr.score').each(function(){
        var cells = $(this).children('td');
        var teamA = parseInt(cells[0].innerText);
        var teamB = parseInt(cells[1].innerText);
        
        if(teamA > teamB) {
            $(cells[0]).addClass('winner');
        } else {
            $(cells[1]).addClass('winner');
        }
    });
});