Show/hide table row based on value of a cell
<p>I am using the range slider from JQuery-UI (http://jqueryui.com/slider/#range) which a user uses to pick a price range, and I want to show/hide table rows depending on whether or not they fall inside the range selected by the user.</p>

<p>This is what I have found from other answers: the following code hides the table row that has a cell in column 9 containing the value 10. </p>

<pre><code>$("tr").find("td:nth-child(9):contains(10)").parent().hide();
</code></pre>

<p>What I am trying to do is "hide where the value in the cell is less than 10".</p>

<p>I have tried the following:</p>

<pre><code>$("tr").find("td:nth-child(9):lt(10)").parent().hide();
</code></pre>

<p>But ":lt" is a method that applies to indexes, not values (I think).</p>

<p>Can anyone help me out please?</p>
