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

Question

我正在使用 JQuery-UI (http://jqueryui.com/slider/#range) 中的范围 slider ，用户用它来选择价格范围，并且我想根据是否或它们不属于用户选择的范围。

这是我从其他答案中找到的内容:以下代码隐藏了第 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”的元素。