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

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();

但是“：”是一种适用于索引的方法，而不是值（我认为）。

有人可以帮帮我吗？

Answer 1

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

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

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

Answer 2

单靠选择器你无法做到这一点。您可以使用.filter获取更具体的功能：

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

简要说明:contains对您的第一个示例效果不佳，因为它将适用于包含“100”的元素。