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

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

谁能帮帮我？

score 0 · Accepted Answer

使用上面的一些代码，您可能会执行类似的操作：

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

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

score 0 · Accepted Answer

仅使用选择器是无法做到这一点的。您可以使用.filter更具体的功能：

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

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

2 回答 2