JSFiddle - React, Tailwind, and code Playground
HTML
<table id="tabMilieu">
<tbody>
<tr>
<td class="titre" colspan="11"><center><strong>Indicateur Levée du Jour</strong></center></td>
</tr>
<tr id="tabMilieu">
<td colspan="2"></td>
<td colspan="1" width="400"></td>
<td width="90">Obj</td>
<td width="70">V</td>
<td width="70">S</td>
<td width="70">D</td>
<td width="70">L</td>
<td width="70">M</td>
<td width="70">M</td>
<td width="70">J</td>
</tr>
<tr>
<td rowspan="4" width="84">LKT1</td>
<td colspan="2" width="400">OEE</td>
<td id="valeur">61.7%</td>
<td>64</td>
<td> 60</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2" width="400">Temps de panne</td>
<td>1h10</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2" width="400">Cadence</td>
<td>10</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2" width="400">Quantité rebuts</td>
<td>489</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
JavaScript
$(function(){
$('.tabMilieu tr:nth-child(n+3)').each(function(){ // A partir de la ligne 3, faire pour chaque ligne
var $ligne = $(this);
var $cell = $ligne.find('td');
var $cellObj = $cell[1]; // Les tableaux en js commence par 0 donc je prend la deuxieme cellule de la ligne
var valObj = $cellObj.val().replace('h', '').replace('%', ''); // Je stocke sa valeur "convertie" en INT
// Je lance mes comparaisons
$ligne.find('td:nth-child(n+3)').each(function(){ // Pour chaque cellule à partir de la 3e
var $cellCurrent = $(this);
var valCurrent = $cellCurrent.val().replace('h', '').replace('%', '');// Je stocke sa valeur "convertie" en INT
if(valCurrent !=0){
if(ValCurrent < valObj){ // Si valObj est supérieur
$cellCurrent.css('background','#339900'); // Je colorise en vert
}
else{ // Sinon
$cellCurrent.css('background','#FF0000'); // je colorise en rouge
}
}
});// fin parcours td
});// fin parcours tr
});