Td color according to value

One way to fix it could be the following:

• Define each rule that applies to each case ( valor 1, 2, 3, etc. )
• [Optional] If the rows are loaded dynamically, you should move these rules to a function ( ejemplo: colorearFilas ) and execute that function each time the table is updated.

Example:

$(function() {
  $('#table td:last-child:contains(1)').closest('tr').css('background-color', 'red');
  $('#table td:last-child:contains(2)').closest('tr').css('background-color', 'blue');
  $('#table td:last-child:contains(3)').closest('tr').css('background-color', 'green');
  // Así sucesivamente hasta llegar al 10
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id="table">
  <thead>
    <tr>
      <th>Descripción</th>
      <th>Valor</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Algo 1</td>
      <td>1</td>
    </tr>
    <tr>
      <td>Algo 2</td>
      <td>2</td>
    </tr>
    <tr>
      <td>Algo 3</td>
      <td>1</td>
    </tr>
    <tr>
      <td>Algo 4</td>
      <td>3</td>
    </tr>
    <tr>
      <td>Algo 5</td>
      <td>1</td>
    </tr>
  </tbody>
</table>

Once you load the page, the table changes its value?

If the answer is no, you could use something like this:

<script type="text/javascript">
$( document ).ready( function() {
$( "#tiobeTable tbody tr td.ratings" ).each( function( index ) {
if ( parseFloat( $( this ).text() ) > 10 ) {
$( this ).addClass( "highlight" );
}
});
$( "#tiobeTable tbody tr td.delta" ).each( function( index ) {
if ( parseFloat( $( this ).text() ) < 0 ) {
$( this ).addClass( "highlight-negative" );
}
});
});
</script>

If you do not understand, let me know and I'll explain it better. I pass the link where you take it out, which has more info that may be useful. Greetings.

link