根据单元格的值显示/隐藏表格行答案

【问题标题】：Show/hide table row based on value of a cell根据单元格的值显示/隐藏表格行
【发布时间】：2012-11-29 11:26:07
【问题描述】：

我正在使用来自 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" 是一种适用于索引而不是值的方法（我认为）。

谁能帮帮我？

【问题讨论】：

【解决方案1】：

你不能单独使用选择器来做到这一点。您可以使用.filter 获得更具体的功能：

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

一个简短的说明，:contains 也不适用于您的第一个示例，因为它适用于包含“100”的元素。

【讨论】：

【解决方案2】：

使用上面的一些代码，你可能会做类似的事情：

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

您可能需要添加一些东西才能获得所需的东西，但我认为这应该为您指明正确的方向！

【讨论】：