JSFiddle - React, Tailwind, and code Playground

by Ronen Cypis

HTML

<table>
    <tr>
        <th>Name</th>
        <th>Id</th>
        <th>Value</th>
    </tr>
    <tr>
        <td>Ankaran</td>
        <td>101</td>
        <td class="value">91</td>
    </tr>
    <tr>
        <td>Ljubljana</td>
        <td>102</td>
        <td class="value">213</td>
    </tr>
    <tr>
        <td>Celje</td>
        <td>103</td>
        <td class="value">711</td>
    </tr>
    <tr>
        <td>PortoroĹľ</td>
        <td>104</td>
        <td class="value">121</td>
    </tr>
</table>

CSS

td.lowest {background-color:lightgreen;}

JavaScript

var tds = $('td.value');
var arr = $.makeArray(tds);
arr.sort(function(a,b){
    return parseInt($(b).text()) - parseInt($(a).text());
});

$(arr[arr.length-2]).addClass('lowest');
$(arr[arr.length-1]).addClass('lowest');