Accessing array elements in Jquery
<p>I have a number of rows like this:</p>

<pre><code>&lt;tr&gt;        
    &lt;TD class="Lo"&gt;90%&lt;/TD&gt;                        
    &lt;TD class="Poor"&gt;80%&lt;/TD&gt;                   
    &lt;TD class="Lo"&gt;89%&lt;/TD&gt;                     
    &lt;TD class="Mid"&gt;85%&lt;/TD&gt;                        
    &lt;TD class="Poor"&gt;85%&lt;/TD&gt;                       
    &lt;TD class="Mid"&gt;85%&lt;/TD&gt;                        
    &lt;TD class="Hi"&gt;85%&lt;/TD&gt;
&lt;/tr&gt;
</code></pre>

<p>Now I want to access any elements in this row and set the color of that row based on values:</p>

<ul>
<li>If the 80% &lt; value &lt;= 85% colours yellow,</li>
<li>If the 90% &lt; value &lt;= 95% colours red,</li>
<li>If the 95% &lt; value &lt;= 100% colours green.</li>
</ul>

<p>How to do this using jQuery?</p>
