javascript - セルの値に基づいてテーブル行を表示/非表示

Question

ユーザーが価格範囲を選択するために使用するJQuery-UI（http://jqueryui.com/slider/#range）の範囲スライダーを使用しており、テーブルの行が該当するかどうかに応じて表示/非表示にしたいユーザーが選択した範囲内。

これは私が他の回答から見つけたものです。次のコードは、値10を含む列9のセルを持つテーブル行を非表示にします。

$("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