根據單元格的值顯示/隱藏表格行

Question

我正在使用JQuery-UI（http://jqueryui.com/slider/#range）中的範圍滑塊，用戶用它來選擇價格範圍，而我希望顯示/隱藏表格行，具體取決於它們是否落在用戶選擇的範圍內。

這是我從其他的答案中發現：下面的代碼會隱藏在列9含有值10

$("tr").find("td:nth-child(9):contains(10)").parent().hide(); 

細胞我所試圖做的是「隱藏在錶行單元格中的值小於10「。

我曾嘗試以下：

$("tr").find("td:nth-child(9):lt(10)").parent().hide(); 

但 「：LT」 是適用於索引的方法，而不是值（我認爲）。

任何人都可以幫我嗎？

Answer 1

你不能單獨使用選擇器。您可以使用.filter更具體的功能：

$("tr").find("td:nth-child(9)").filter(function() { 
    return parseInt($(this).text()) < 10; 
}).parent().hide(); 

的簡要說明這:contains不會爲您的第一個例子很好地工作，因爲無論是將它應用到元素包含「100」。

Answer 2

使用一些代碼從上面，你也許可以做同樣的事情到這一點：

for(var i = 0; i < 10, i++) { 
    $("tr").find("td:nth-child(9):contains(" + i + ")").parent().hide(); 
} 

您可能需要添加一些東西來得到你所需要的東西，但我認爲這應該指向你正確的方向！